Всем добрый день!
Не могу разобраться в routes module, проблема в следующем:
Есть app-компонент, который содержит в себе toolbar.
Routes module:
const appRoutes: Routes = [
{
path: '',
children: [
//{ path: '', redirectTo: 'general-info' },
{
path: '',
loadChildren: 'app/passport/generalInfo/shared/general-info.module#GeneralInfoModule'
},
{ path: 'medtech', component: AppComponent }
]
}
];
@NgModule({
imports: [
RouterModule.forRoot(appRoutes)
],
exports: [
RouterModule
]
})
export class AppRoutingModule { }
Тут проблем никаких нет, роутинг отрабатывает нормально и загружается следующий модуль или открывается компонент (использую appComponent, т.к. модуль еще не написан).
Таким образом у нас получается два модуля (модуль A, со ссылками на компонент и на на модуль B).
Далее роутинг модуля B:
const generalRoutes: Routes = [
{ path: '', redirectTo: 'general-info', pathMatch: 'full'},
{
path: 'general-info', component: GeneralInfoComponent,
children: [
{ path: '', loadChildren: 'app/passport/generalInfo/detailInfo/informationMenu/detail-info.module#DetailInfoModule' },
{ path: 'bank', component: BankComponent }
]
}
];
@NgModule({
imports: [
RouterModule.forChild(generalRoutes)
],
exports: [
RouterModule
]
})
export class GeneralRoutingModule { }
И в целом все повторяется, имеется ссылка на модуль С и на компонент.
При переходе на компонент модуля B (BankComponent), можно смело переключиться на компонент модуля A (AppComponent).
Но если мы перейдем по ссылке на модуль C, то перейти к компоненту модуля A (AppComponent) не удается (происходит ошибка).
Uncaught (in promise): TypeError: undefined is not an object (evaluating 'outlet.outletMap._outlets')
Подскажите, в чем может быть проблема?