Lit Element VSCode 插件未知属性'frameborder'

Question

我在 lit 元素的模板中使用 iframe，而 lit 元素 VSCode 插件会出现以下错误：

未知属性“框架边框”。您的意思是“.frameBorder”吗？ 这是一个内置标签。请考虑使用“data-*”属性，将属性添加到“globalAttributes”或禁用“no-unknown-attribute”规则。lit-plugin(no-unknown-attribute)(2318)

有人知道是否可以告诉插件忽略该属性吗？

Answer 1

检查一下：

这个错误表明你的 lit-html 模板引用了一个标签 lit-analyzer 无法解析。

必须向 TypeScript 声明元素才能使用 分析仪找到它。例如：

export class FancySlider extends HTMLElement {
  value: number;
  // etc...
}
customElements.define('fancy-slider', FancySlider);

declare global {
  interface HTMLElementTagNameMap {
    'fancy-slider': FancySlider,
  }
}

如何解决它必须满足三个条件：

1. TypeScript 中的元素必须有一个类型，要么是因为 元素的代码是用 TpeScript 编写的，或者因为有 元素的 TypeScript 类型。
2. 类型必须与 HTMLElementTagNameMap 中元素的标记名。
3. 文件所在的位置 你使用的元素必须依赖于 元素，通常通过导入它。最常见的是，你只是失踪了 元素的导入。如果您正在导入元素，并且您的 代码在运行时工作，那么您需要为 元素，并将其添加到 HTMLElementTagNameMap。

如何配置

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

忽略关于标签的错误而不向 TypeScript 声明它们 类型系统，您可以将它们添加到 globalTags，但它几乎 声明一个类型总是更好的主意。

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