使用TypeScript创建自定义元素时，编译通过，运行后却告诉我不能创建此元素，请使用new关键字，这是为什么？

我使用TypeScript创建了一个元素，继承自HTMLElement，如下：

class MyPanel extends HTMLElement {
    static get observedAttributes() {
        return ['width', 'height']
    }
        public Width:number;
        public Height:number;
    constructor() {
        super();// 这里运行时报错
                this.Width=Number(this.width);
                this.Height=Number(this.height);
        }

        get width() {
        return this.getAttribute('width') || 300
    }
    get height() {
        return this.getAttribute('height') || 150
    }
}
//并在末尾使用自执行函数注册了该元素
customElements.define('mcharts-mpanel', MyPanel); 

在Html中使用标签：

<mcharts-mpanel id="onePanel"></mcharts-mpanel>

编译通过，运行时在创建元素时报错，
TypeError: Failed to construct 'HTMLElement': Please use the 'new' operator, this DOM object constructor cannot be called as a function.

请问这是什么原因造成的？请务必告知我如何解决。谢谢！