typescript - 点燃 2.0 customElements.define() 抛出 ts(2345)

Question

将几个 lit-Components 迁移到 v2"lit": "2.1.1"后，我们收到以下打字稿错误：

“typeof MyComponent”类型的参数不能分配给“CustomElementConstructor”类型的参数。“MyComponent”类型缺少“HTMLElement”类型的以下属性：accessKey、accessKeyLabel、autocapitalize、dir 和 275 多个。

import { html, css, LitElement } from 'lit';

export default class MyComponent extends LitElement {...}

customElements.define('my-component', MyComponent);

到目前为止代码运行良好 - 这只是 lit 中的一个错误吗？

Answer 1

您可以在使用 typescript 时使用装饰器版本，而不是调用 define 函数。

import { html, css, LitElement } from 'lit';
import {customElement} from 'lit/decorators.js';

@customElement('my-component')
export default class MyComponent extends LitElement {...}

customElement - 将装饰类定义为自定义元素的类装饰器工厂。