Есть проект в котором используются и Lazy loading модули и обычные.
AppRoutingModule
:
const routes: Routes = [
// Пример ленивого модуля.
{
path: 'catalog',
loadChildren: 'app/modules/catalog/catalog.module#CatalogModule'
},
...
// Модуль с 404й страницей
{
path: '**',
loadChildren: 'app/modules/not-found/not-found.module#NotFoundModule'
},
// Не ленивые модули сдесь не объявленны они объявленны на прямую в AppModule
];
И все было бы ничего, но модули объявленные не в данном файле, а объявленные как обычные модули в AppModule
в проперти imports
,
@NgModule({
declarations: [
AppComponent,
],
imports: [
AppRoutingModule,
// Ленивый объевлен в AppRoutingModule
CatalogModule,
// Обычный объявлен только тут и хранит свой path только внутри своего DictionaryRoutingModule
DictionaryModule,
]
})
export class AppModule {}
}
С точки зрения AppRoutingModule
где объявленна 404 страница с path: '**'
никакого DictionaryRoutingModule
нету.
const routes: Routes = [
{
path: 'dictionary',
component: DictionariesComponent,
},
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class DictionaryRoutingModule {
}
И DictionaryRoutingModule
, - становятся не доступен. Так как при попытке перейти по их url
срабатывает path: '**'
из AppRoutingModule
и роутер перекидывает на страницу 404. Таким образом все модули обявленные обычным не ленивым способом не доступны а вместо них отображается 404.
Самым очевидным выходом было бы объявить все модули ленивыми и тогда проблема отпадает. Но в качестве условия для этой задачи я получил требование не модифицировать обычные модули в ленивые.
Как в таких условиях можно реализоавть универсальный механизм перехвата не существующих адресов, таким образом, чтобы в списке существующих учитывались не только лениво подгружаемые модули, но и обычные?