错误：找不到“ AppModule”的NgModule元数据

Question

I have problem in angular 2 that i am tried. I check that some of the question like my problem but that does not solve my problem.

app.module.ts

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule }   from '@angular/forms';
import { AppComponent }  from './app.component';

@NgModule({
    imports:[
        BrowserModule,
        FormsModule
    ],
    declarations:[
        AppComponent
    ],
    bootstrap:[
        AppComponent
    ]
});

export class AppModule { }

main.ts

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule }              from './app.module';

platformBrowserDynamic().bootstrapModule(AppModule);

I am getting this error

Error: No NgModule metadata found for 'AppModule'

Answer 1

You have separated NgModule and AppModule in two parts with semicolon.

The NgModule is a decorator for AppModule .Don't separate them in parts.

@NgModule({
    imports:[
        BrowserModule,
        FormsModule
    ],
    declarations:[
        AppComponent
    ],
    bootstrap:[
        AppComponent
    ]
})
// });     // here is the problem.
export class AppModule { }