"Модуль" не является частью какого-либо модуля 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 не является частью какого-либо NgModule или модуль не был импортирован в ваш модуль

Я искал AppModule во всем моем приложении, и я использую только его в моем app.module.ts,

Я пропускаю что-то для импорта / экспорта? Любая помощь будет отличной. Благодарю.

Answer 1

Это

bootstrap: [ AppModule ],

должно быть

bootstrap: [ AppComponent ],

Здесь вам нужно пройти AppModule

platformBrowserDynamic().bootstrapModule(AppModule);