类型“HTMLElement”上不存在属性“connectedCallback”

我有一个项目，一年后我又回来了。类似于下面的代码的东西曾经有效，但现在不再有效：

interface HTMLElement {
    attributeChangedCallback(attributeName: string, oldValue: string, newValue: string): void;
    connectedCallback(): void;
    disconnectedCallback(): void;
    observedAttributes: string[];
}

export default class TestElement extends HTMLElement {
    connectedCallback(): void {
        super.connectedCallback();
    }
}

我现在得到一个Property 'connectedCallback' does not exist on type 'HTMLElement'错误。这与这里的许多问题不同，人们需要更具体地确定要使用哪种类型。我真的在延长HTMLElement这里。默认声明为HTMLElement不包含任何自定义元素的内容，所以我有一段时间一直在使用界面来填充我一直在使用的内容。我现在还必须做一些额外的事情才能使其正常工作吗？

您可以扩展现有接口*.d.ts file

interface HTMLElement {
    connectedCallback(): void;
}

OR

可以直接在现有的接口上进行扩展*.ts file

declare global {
    interface HTMLElement {
        connectedCallback(): void;
    }
}