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

Question

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

Unknown attribute 'frameborder'. Did you mean '.frameBorder'? This is a built in tag. Please consider using a 'data-*' attribute, adding the attribute to 'globalAttributes' or disabling the 'no-unknown-attribute' rule.lit-plugin(no-unknown-attribute)(2318)

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

Answer 1

检查这个：

This error indicates that your lit-html template references a tag that the lit-analyzer can’t resolve.

There must be a declaration of the element to TypeScript in order for the analyzer to find it. For example:
export class FancySlider extends HTMLElement {
  value: number;
  // etc...
}
customElements.define('fancy-slider', FancySlider);

declare global {
  interface HTMLElementTagNameMap {
    'fancy-slider': FancySlider,
  }
}
How to fix it Three conditions must hold:

There must be a type for the element in TypeScript, either because the code for the element is written in TpeScript, or because there are TypeScript typings for the element.

The type must be associated with the element’s tagname in the HTMLElementTagNameMap.

The file where you’re using the element must depend on the declaration of the element, generally by importing it. Most commonly, you’re just missing an import for the element. If you’re importing the element, and your code works at runtime, then you need to define an interface for the element, and add it to the HTMLElementTagNameMap.

How it’s configured

This error is enabled by default. It can be disabled by setting skipUnknownTags to true.

To ignore errors about tags without declaring them to the TypeScript type system, you can add them to globalTags, however it is almost always a better idea to declare a type instead.

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

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

Lit Element VSCode plugin Unknown attribute 'frameborder'

html

javascript

typescript

visual-studio-code

lit-element