Lit元素VSCode插件未知属性“框架边界”

Question

我在lit元素的模板中使用iframe，lit元素VSCode插件绘制了以下错误：

未知属性“框架边框”。你是说“框架边界”吗？这是内置标签。请考虑使用'data-*‘属性，将属性添加到'globalAttributes’中，或者禁用‘no-未知-属性’rule.lit-plugin(无未知-属性)(2318)。

有人知道是否可以让插件忽略这个属性吗？

Answer 1

检查一下这个：

这个错误表示你的lit模板引用了一个标记，这个标记是

分析器无法解决的。

必须向TypeScript声明元素，以便分析器找到它。例如：

导出类FancySlider扩展了HTMLElement { value: number；// etc.}customElements.define(‘想像力滑块’，FancySlider)；声明全局{接口HTMLElementTagNameMap {‘想像力滑块’：FancySlider，}}

如何解决这一问题必须具备以下三个条件：

HTMLElementTagNameMap.

• The中的元素必须有一个类型，因为元素的代码是用TpeScript编写的，或者因为元素有TypeScript类型。在使用元素的文件中，类型必须与元素的标签名相关联，通常是通过导入元素来实现的。最常见的情况是，您只是缺少了元素的一个导入。如果要导入元素，并且代码在运行时工作，则需要为元素定义一个接口，并将其添加到HTMLElementTagNameMap.中

它是如何配置的

默认情况下启用此错误。可以通过将skipUnknownTags设置为true来禁用它。

要忽略关于标记的错误而不将它们声明到TypeScript类型系统中，可以将它们添加到globalTags中，但是，更好的方法是声明类型。

来源：https://lit.tools/unknown-tag