Невозможно создать пользовательский элемент Angular

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);
  }
}

Для этого я получаю сообщение об ошибке в последней строке, где я определяю пользовательский элемент "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 в обновленных версиях пакета. json файл и повторно обновляю его с помощью следующей команды: ng update @ angular / core --next

Я надеюсь, что это работает и для вас.