出现 ERROR 错误：选择器“app-root”不匹配任何元素

Question

我遇到错误

"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 页面，但组件没有完全加载。它的一些字段丢失了。

Answer 1

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文件中声明并添加到bootstrap中，如下所示

     declarations: [   
        AppComponent,    
      ],
 bootstrap: [AppComponent],

请检查您是否在 App.Module.ts 文件中声明了 AppComponent。