Я создал пользовательский компонент и экспортировал его в виде файла JavaScript, следуя инструкциям в этой ссылке (https://angularfirebase.com/lessons/angular-elements-quick-start-guide/). Я включил файл сценария в HTML-файл.
Моя проблема в том, что когда я открываю HTML в браузере (Chrome), я вижу ошибку, в которой говорится, что "селектор" app-root "не соответствует ни одному элементу". Но когда я удаляю
bootstrap: [AppComponent],
в файле app.module.ts проблема исчезнет.
код app.module.ts :
введите описание изображения здесь
app.component.ts
введите описание изображения здесь
index.html code
<body>
<app-root></app-root>
<custom-visualization></custom-visualization>
</body>
мой HTML-код демонстрации:
<custom-visualization></custom-visualization>
<script src="./exportedCustoVmisualization.js"></script>
Окружающая среда:
Angular version: X.Y.Z
Angular CLI: 6.0.8
Node: 8.11.2
OS: win32 x64
Angular:
...
Package Version
------------------------------------------------------
@angular-devkit/architect 0.6.8
@angular-devkit/core 0.6.8
@angular-devkit/schematics 0.6.8
@schematics/angular 0.6.8
@schematics/update 0.6.8
rxjs 6.2.1
typescript 2.7.2