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中返回一个错误。的主要内容,如果未能解决你的问题,请参考以下文章
验证失败:video_data.0._id:在路径 \"_ 处的值 \"\"(类型字符串)转换为 ObjectId 失败