无法创建自定义角度元素

Question

我正在创建一个像这样注册到模块的自定义组件。

app.module.ts

import { createCustomElement } from "@angular/elements";

@NgModule({
  declarations: [ExtensionComponent],
  entryComponents: [ExtensionComponent],
  imports: [BrowserModule],
  bootstrap: []
})
export class AppModule {
  constructor(private injector: Injector) {
  }

  ngDoBootstrap() {
    const extension = createCustomElement(ExtensionComponent, { injector: this.injector });
    customElements.define('caas-extension', extension);
  }
}

为此，我在定义自定义元素“扩展”的最后一行出现错误。

错误

Argument of type 'NgElementConstructor<unknown>' is not assignable to parameter of type 'CustomElementConstructor'.

我已经更新了 cli 版本以及其他答案中关于类似问题的建议。以下是我的版本详情

Angular CLI: 9.1.0-rc.0
Node: 12.13.0
OS: win32 x64
Angular: 9.1.0-rc.2

Answer 1

我有同样的问题。为了克服这个问题，我撤消了对 git 的更改以更新 package.json 文件上的版本，并使用以下命令重新更新它： ng update @angular/core --next

我希望这对你也有用。