angular 12 通用，html 验证失败，应用程序选择器出错

Question

遇到此错误有什么想法吗？

作为 angular v12 的简单测试，通用 SSR 未通过 W3 HTML 验证。

AppComponent 的选择器如下：

@Component({
selector: 'app',
templateUrl: './app.component.html',
encapsulation: ViewEncapsulation.None
})

在索引上

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <app id="app"></app>
</body>
</html>

但是W3HTML验证显示错误：

我也尝试将选择器名称更改为 like: 'project' 但我得到了同样的错误

Answer 1

编辑：使用带破折号的名称，例如app-root

奇怪的是，验证器不会抱怨 app-root 或其他 angular 指令标签，但会抱怨所有 _ngcontent-** 属性。

请注意，w3c 验证器中有一个消息过滤功能，因此您可以忽略特定警告（如 ngcontent 属性）（来自 w3c 维护者 here 的消息）

angular 12 通用，html 验证失败，应用程序选择器出错

angular 12 Universal, fail html validation with error on app selector

html

angular-universal

angular