Fehler: Keine NgModule Metadaten gefunden für 'undefined' in Angular2

Question

Bitte meinen Code unten finden, begann dieses Problem konfrontiert, wenn ich unter der Linie

platformBrowserDynamic().bootstrapModule(AppModule); 

app.module.ts

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

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

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

App component.ts

import { Component } from '@angular/core'; 
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
import { AppModule } from './app.module'; 
import { HTTPUserService } from "./app.service"; 

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

    constructor(private _httpService:HTTPUserService){} 

    onGet() { 
    this._httpService.getUserData() 
     .subscribe(
      data => this.getData = data, 
      error => alert(error), 
      () => console.log("Finished!") 
     ); 
    } 
} 

platformBrowserDynamic().bootstrapModule(AppModule); 

Answer 1

warum bootstrappen Sie die Anwendung in der Komponente? Mach das in einer externen Datei. Normalerweise geschieht dies in einer main.ts Datei, die nur die Existenz des AppModules kennt und sonst nichts