У меня есть верхний уровень Angular Модуль, который лениво загружает два других модуля. Всем модулям нужен доступ к этому другому модулю, который я получаю из node_modules. Этот библиотечный модуль импортирует BrowserModule
и BrowserAnimationsModule
, поэтому, конечно, я получаю сообщение об ошибке «Ошибка: BrowserModule уже загружен». Вот мой код примерно:
parent-app-routing.module.ts:
import { Routes, RouterModule } from '@angular/router';
const routes: Routes = [
{
path: '',
loadChildren: () =>
import('../../../lazyLoadedModule/src/app/app.module').then(
mod => mod.lazyLoadedModule
)
},
{
path: '',
redirectTo: '',
pathMatch: 'full',
}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule {}
parent-app.module.ts:
@NgModule({
declarations: [AppComponent],
imports: [
BrowserModule,
BrowserAnimationsModule,
**troubleModule**,
AppRoutingModule,
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {}
lazy -loaded-app.module.ts:
const routes: Routes = [
{ path: '', component: AppComponent },
{
path: '**',
redirectTo: ''
}
];
@NgModule({
declarations: [
AppComponent
],
imports: [
CommonModule,
**troubleModule**,
RouterModule.forChild(routes)
],
providers: [],
bootstrap: [AppComponent]
})
export class lazyLoadedModule{}
Я пытался поместить это в sharedModule, который я импортирую в обоих местах, но это не работает Есть ли способ обойти это вообще? Спасибо за любую помощь.