angular - "Module"不是任何 NgModule 的一部分，或者该模块还没有导入到你的模块中

Question

我有一个包含一些模块的应用程序。

这是我的根模块:

// 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 {
 ...
}

这是我的常用模块中的一个:

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 中使用它。

我是否缺少导入/导出的东西？任何帮助都会很棒。谢谢。

Answer 1

这个

bootstrap: [ AppModule ],

应该是

bootstrap: [ AppComponent ],

这里需要传递AppModule

platformBrowserDynamic().bootstrapModule(AppModule);