出现错误错误：选择器“ 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文件中声明并添加到引导程序中，如下所示

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

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