首页 > 解决方案 > 出现 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 页面,但组件没有完全加载。它的一些字段丢失了。

标签: angular8angular-components

解决方案


app-rootapp.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。


推荐阅读