为什么在我的ES6代码中收到未捕获的类型错误？

Question

ES6相当陌生，并试图弄清在这个特定示例中我忽略了什么。

我有一个包含 button 且 ID 为[ngStyle]="{ 'transform': 'rotate(' + ((result.percentage * 1.8) - 90) + 'deg)', '-webkit-transform': 'rotate(' + ((result.percentage * 1.8) - 90) + 'deg)', '-moz-transform': 'rotate(' + ((result.percentage * 1.8) - 90) + 'deg)', '-ms-transform': 'rotate(' + ((result.percentage * 1.8) - 90) + 'deg)', '-o-transform': 'rotate(' + ((result.percentage * 1.8) - 90) + 'deg)', }" 的表单，我试图向其中添加一个#submitBtn，所以当我单击“提交”按钮时，我会收到一条警报消息-很简单，对吧？

这是我到目前为止所拥有的：

eventListener

当我检查控制台时，收到一条错误消息，内容为：

class schedule {
    constructor() {
        this.submitBtn = document.querySelector("#submitBtn");
        this.sayHello();
    }

    sayHello() {
        this.submitBtn.addEventListener("click", () => {
            alert("Hello!");
        })
    }
}

export default schedule;

如果有人可以向我解释我所缺少或忽略的内容，我将非常感谢！