core.js:4197 错误类型错误：无法将类作为函数调用

Question

在为 Angular 应用程序提供服务时，在 Angular v10 中出现控制台错误

core.js:4197 ERROR TypeError: Cannot call a class as a function
    at _classCallCheck (classCallCheck.js:3)
    at new Button (button.js:36)
    at ButtonComponent.<anonymous> (createSuper.js:12)
    at new ButtonComponent (button.component.ts:30)
    at NodeInjectorFactory.ButtonComponent_Factory [as factory] (button.component.ts:57)
    at getNodeInjectable (core.js:4029)
    at instantiateAllDirectives (core.js:8092)
    at createDirectivesInstances (core.js:7474)
    at ɵɵelementStart (core.js:14001)
    at SBController_Template (template.html:114)

演示：https://github.com/kumaresan-subramani/AngularSampleIssue

复制步骤：

1. npm 我
2. npm 运行开始

角度团队的回答 - https://github.com/angular/angular-cli/issues/18125#issuecomment-672069800

Answer 1

我确实看过你的回购。看起来您的 ES target 已在不支持类的 tsconfig.base.json 文件中设置为 es5。我认为您必须至少从es6 (es2015) 设置它，然后它应该可以工作：

{
  "compilerOptions": {
    "target": "es2015",
  }
}