Пытаясь уменьшить первоначальный размер загрузки моего приложения, я пытался разделить его на модули.Я столкнулся с проблемой, так как у меня возникли проблемы с соответствием маршрута.
Я создал пример:
app / app-routing.module.ts
const routes: Routes = [
{ path: 'main', loadChildren: '../app/main/main.module#MainModule' }
];
app / main / main-routing.module.ts
const routes: Routes = [
{ path: 'secondary', loadChildren: '../../app/secondary/secondary.module#SecondaryModule' },
{ path: 'a/:id', component: AComponent }
];
app / вторичный / second-routing.module.ts
const routes: Routes = [
{ path: 'a/:id', component: BComponent }
];
AComponent
объявлено в MainModule
и BComponent
в SecondaryModule
Теперь я ожидаю, что URL вида /main/secondary/a/someID
загрузит SecondaryModule
и покажет BComponent
, а вместо этого AComponent
будет показано.Хотя ленивая загрузка работает.
Интересно, что если я изменю свои маршруты, удалив /:id
, /main/secondary/a
выдаст мне Невозможно сопоставить любые маршруты Ошибка.