W3C验证器在app-root处的index.html中返回一个错误。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了W3C验证器在app-root处的index.html中返回一个错误。相关的知识,希望对你有一定的参考价值。

我试图验证我的html页面,但当我检索到以下错误。

Error: Element app-root not allowed as child of element body in this context. 
(Suppressing further errors from this subtree.)

From line 4347, column 7; to line 4347, column 16

r">↩      <app-root>

Content model for element div:
Flow content.
Neither tag is omissible.

这是我的index.html的html。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Example</title>
    <base href="/" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <link rel="icon" type="image/x-icon" href="favicon.ico" />
  </head>
  <body>
      <app-root></app-root>
  </body>
</html>

如果可能的话,我如何才能绕过测试?

答案

由于Angular有一种创建自定义元素的方法来重用组件,app-root标签是Angular渲染App组件的自定义元素,App组件是项目的根组件。

你可以找到这个选择器,当进入 src\app\app.component.ts 文件,并检查 selector 里边 @Component. app-root 可以通过更改你想要的名字,将 selector 属性和标签名。

HTML验证器会搜索任何不熟悉的标签,并对其进行投诉,即使它是Angular内部使用的自定义元素。

以上是关于W3C验证器在app-root处的index.html中返回一个错误。的主要内容,如果未能解决你的问题,请参考以下文章

在 Ubuntu 上安装 W3C 验证器时出错

更新到角度6后找不到app-root

<app-root> 没有被填满

css APP-root.css

angular 2 app-root在运行时未加载

验证失败:video_data.0._id:在路径 \"_ 处的值 \"\"(类型字符串)转换为 ObjectId 失败