angular - DOMException: 'CustomElementRegistry' で 'define' を実行できませんでした: "cfheader" は有効なカスタム要素名ではありません

Question

を使用してカスタム コンポーネントを持つモジュールを使用しようとすると、このエラーが発生しますangular-element。

そのモジュールをアプリで として使用しようとしていますCoreModule.forRoot()。エクスポートされたコンポーネントがあり、これらの同じコンポーネントがエントリ コンポーネントおよびカスタム コンポーネントとしてリストされます。

コードを掘り下げると、以下の生成された javascript 行がエラーの原因であることがわかりました。

customElements.define('cfheader', Object(_angular_elements__WEBPACK_IMPORTED_MODULE_12__["createCustomElement"])(HeaderComponent, { injector: injector }));
...

angularのソースコードの同じ行

customElements.define('cf-header', createCustomElement(HeaderComponent, {injector}));
...

エラーメッセージ：

DOMException: Failed to execute 'define' on 'CustomElementRegistry': "cfheader" is not a valid custom element name
    at new CoreModule (http://localhost:4200/vendor.js:68177:24)
    at _createClass (http://localhost:4200/vendor.js:43333:20)
    at _createProviderInstance$1 (http://localhost:4200/vendor.js:43303:26)
    at initNgModule (http://localhost:4200/vendor.js:43239:32)
    at new NgModuleRef_ (http://localhost:4200/vendor.js:43962:9)
    at createNgModuleRef (http://localhost:4200/vendor.js:43951:12)
    at Object.debugCreateNgModuleRef [as createNgModuleRef] (http://localhost:4200/vendor.js:45776:12)
    at NgModuleFactory_.push../node_modules/@angular/core/fesm5/core.js.NgModuleFactory_.create (http://localhost:4200/vendor.js:46478:25)
    at http://localhost:4200/vendor.js:39376:43
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (http://localhost:4200/polyfills.js:2704:26)