Argument of type 'NgElementConstructor' is not assignable to parameter of type 'CustomElementConstructor'

Question

I'm getting a strange warning in VSCode( 1.44.0-insider ) with Angular9 in creating Angular Elements:

export class AppModule { 
  constructor(private injector: Injector) {
    const helloElement = createCustomElement(HelloComponent, {injector});
    customElements.define('my-hello', helloElement);
  }
  ngDoBootstrap() {}
}

type of helloElement is not accepted with an error message from typescript:

Argument of type 'NgElementConstructor' is not assignable to parameter of type 'CustomElementConstructor'

drfrontend 1 · Accepted Answer · 2020-03-12T12:59:34.513

9

It seems it will be fixed with the next release: https://github.com/angular/angular/pull/35864

You can already test it for your project by updating to the next release (9.1.0-next.4).

ng update @angular/core --next

edited Mar 12 '20 at 12:59

answered Mar 12 '20 at 09:44

drfrontend 1

116
2

use "ng update @angular/cli @angular/core" instead to avoid errors if installed packages are incompatible with the update. – Utkarsh Apr 14 '20 at 16:32

Argument of type 'NgElementConstructor' is not assignable to parameter of type 'CustomElementConstructor'

1 Answers1

Linked