I have the simplest possible angular element within an angular project.

I throw error in component belonging to angular element as follows:

dashboard-tile.component.ts: (referenced in index.html as <dashboard-tile a="100" b="50" c="25"></dashboard-tile>)

  ngOnInit() {
    debugger;
    throw "this is an error";
  }

But I see no error in chrome console.

Link to video.

However, if I start to use this component as a regular component, I immediately get an error on console. So this is likely an angular-element issue.

Link to github repo containg the code

Tested on both chrome and firefox and its reproducible so its not browser isssue.

Other info:

Angular CLI: 7.1.4
Node: 10.14.2
OS: win32 x64
Angular: 7.1.4
... animations, cli, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package Version

@angular-devkit/architect 0.11.4
@angular-devkit/build-angular 0.11.4
@angular-devkit/build-optimizer 0.11.4
@angular-devkit/build-webpack 0.11.4
@angular-devkit/core 7.1.4
@angular-devkit/schematics 7.1.4
@angular/elements 7.2.8
@ngtools/webpack 7.1.4
@schematics/angular 7.1.4
@schematics/update 0.11.4
rxjs 6.3.3
typescript 3.1.6
webpack 4.23.1