2016-11-16 15 views
3

私はいくつかのモジュールを持つアプリケーションを持っています。ここで"Module"はNgModuleの一部ではないか、またはモジュールがモジュールにインポートされていません

は私のルートモジュールです:

// imports... 

@NgModule({ 
    bootstrap: [ AppModule ], 
    declarations: [ 
     AppComponent, 
     ...APP_PIPES // Array with my pipes 
    ], 
    imports: [ // import Angular's modules 
     BrowserModule, 
     FormsModule, 
     ReactiveFormsModule, 
     HttpModule, 
     RouterModule.forRoot(ROUTES), 
     ...APP_MODULES, // Array with my modules 
     ...THIRD_PARTY_MODULES // Array with libs modules 
    ], 
    providers: [ // expose our Services and Providers into Angular's dependency injection 
     ENV_PROVIDERS, 
     APP_PROVIDERS 
    ] 
}) 
export class AppModule { 
... 
} 

そして、ここでは私の共通モジュールのONEです:

import { CommonModule } from '@angular/common'; 
import { NgModule } from '@angular/core'; 

import { MenuComponent } from './menu.component'; 

@NgModule({ 
    declarations: [ MenuComponent ], 
    exports: [ MenuComponent ], 
    imports: [ CommonModule ], 
    providers: [ ] 
}) 

export class MenuModule { 
    ... 
} 

私は私はしかし、それはこれを行うための正しい方法だと思いました次のエラーが発生します:

AppModule is not part of any NgModule or the module has not been imported into your module

私はアプリケーション全体でAppModuleを検索しましたが、私はapp.module.tsにしか使っていません。

インポート/エクスポートに何か不足していますか?どんな助けも素晴らしいだろう。ありがとう。

答えて

4

この

bootstrap: [ AppModule ], 

はここ

bootstrap: [ AppComponent ], 

する必要がありますがAppModule

platformBrowserDynamic().bootstrapModule(AppModule); 
+0

おかげで多くのことを渡す必要があります。あたりです。 :) –

関連する問題