更漂亮：SyntaxError：只能自我关闭void和Foreign元素

问题描述

更漂亮时，我会收到此错误。

..\index.component.html
[error] ..\index.component.html: SyntaxError: Only void and foreign elements can be self closed "home-hero" (3:5)
[error]   1 |
[error]   2 |   <layout>
[error] > 3 |     <home-hero slot="hero" />
[error]     |     ^
[error]   4 |
[error]   5 |     <h3 slot="callout" />
[error]   6 |

但是我想使用自闭标签。如何设置更漂亮以忽略此错误？

在prettier schema中，我看不到任何关于“自我”或类似内容的引用。

解决方法

这实际上是具有HTML标准的功能，如以下线程中所述-

Are (non-void) self-closing tags valid in HTML5?

所有现代库like都将HTML5标准用作模板，在这种情况下，用户定义的模板将被视为non-void，因此您必须使用正确的结束标记关闭该标记。

以下是与void和non-void相关的HTML标记说明的完整列表。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element

您还可以检查与技术spec相关的home-hero是否已被写入！