angular8 - 出现 ERROR 错误:选择器“app-root”不匹配任何元素
问题描述
我收到错误
"ERROR Error: The selector "app-root" did not match any elements
at t.selectRootElement (angular8-demo.js:3)
at e.create (angular8-demo.js:3)
at t.bootstrap (angular8-demo.js:3)
at angular8-demo.js:3
at Array.forEach ()
at t._moduleDoBootstrap (angular8-demo.js:3)
at angular8-demo.js:3
at t.invoke (angular8-demo.js:2)
at Object.onInvoke (angular8-demo.js:3)
at t.invoke (angular8-demo.js:2) "
在将 Angular 8 组件导入到外部 html 文件时。我还完成了将单个组件导出到外部 html 页面,但组件没有完全加载。它的一些字段丢失了。
解决方案
app-root是app.componant.html文件的选择器
请检查此选择器在 App.Component.ts 文件中是否可用,如下所示:
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
此选择器从 index.html 文件中调用,如下所示
<app-root></app-root>
并且AppComponent应该在 App.Module.ts 文件中声明并添加到引导程序中,如下所示
declarations: [
AppComponent,
],
bootstrap: [AppComponent],
请检查您是否在 App.Module.ts 文件中声明了 AppComponent。
推荐阅读
- c++ - 读取数据包时出现FFMPEG c++内存泄漏问题
- sql - 如何从底部 SQL Server 创建层次结构路径
- loops - 对于高维数组,Julia 中的数组访问循环很慢
- python - Viber Bot 无法启动
- javascript - Angular 自定义元素、构造函数与 ngDoBootstrap
- pycharm - 如何在 PyCharm 中启用“停止并重新运行”弹出窗口?
- json - 不使用 cts:json-property-scope-query 获取结果
- terraform - 为什么 terraform 认为我将许多属性从“”更改为 null?
- python - KIVY 错误:异常:ScrollView 只接受一个小部件
- python-3.x - 如何将熊猫列拆分为多列