Question

我现在检查和编译了12次，似乎无法弄清楚我在控制台中出现此错误的原因：

ERROR Error: The selector "app-root" did not match any elements
at e.selectRootElement (main.bundle.js:1)
at Sn (main.bundle.js:1)
at zr (main.bundle.js:1)
at Lr (main.bundle.js:1)
at Object.io [as createRootView] (main.bundle.js:1)
at t.create (main.bundle.js:1)
at t.create (main.bundle.js:1)
at e.bootstrap (main.bundle.js:1)
at main.bundle.js:1
at Array.forEach (<anonymous>)

的index.html

<body>
  <app-root></app-root>
</body>

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpModule } from '@angular/http';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
        HttpModule
      ],
  bootstrap: [AppComponent]
})
export class AppModule { }

app.component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'App Component';
}

我已经阅读了其他几位遇到此错误的人，这通常是因为index.html文件没有使用正确的选择器名称。我已经检查了我的代码，看起来对我来说是正确的。

Answer 1

添加了有效的plunker，从4.3.x HttpModule可在'@angular/common/http'

获得HttpClientModule

Answer 2

确保已在index.html

中添加了应用程序根

<body>

<app-root></app-root>

</body>

Angular 5：ERROR错误：选择器＆＃34; app-root＆＃34;与任何元素都不匹配

2 个答案: