DOMException: не удалось выполнить 'define' для 'CustomElementRegistry': "cfheader" не является допустимым именем пользовательского элемента

Question

Я получаю эту ошибку, когда пытаюсь использовать модуль, в котором есть пользовательские компоненты, использующие angular-element,

Я пытаюсь использовать этот модуль в моем приложении как CoreModule.forRoot(), Он имеет экспортированные компоненты, и эти же компоненты перечислены как компонент ввода и пользовательский компонент.

Когда я углубился в код, я обнаружил, что сгенерированная строка JavaScript ниже вызывает ошибку.

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

Та же строка в исходном коде в угловых

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)