Получение этой ошибки при попытке использовать маршрут nestet в Angular 4:
ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'component' of null
TypeError: Cannot read property 'component' of null
at PreActivation.webpackJsonp.../../../router/@angular/router.es5.js.PreActivation.traverseRoutes (http://localhost:4200/vendor.bundle.js:77976:71)
at http://localhost:4200/vendor.bundle.js:77954:19
at Array.forEach (native)
at PreActivation.webpackJsonp.../../../router/@angular/router.es5.js.PreActivation.traverseChildRoutes (http://localhost:4200/vendor.bundle.js:77953:29)
at PreActivation.webpackJsonp.../../../router/@angular/router.es5.js.PreActivation.traverseRoutes (http://localhost:4200/vendor.bundle.js:77985:22)
Это мой код маршрутизации:
const appRoutes: Routes = [
{
path: '',
component: HomeComponent
},
{
path: 'sobre',
component: SobreComponent
},
{
path: 'c/:concurso', component: ConcursoItemComponent
, children: [
{
path: ':cargo',
component: CargoItemComponent,
children: [
{
path: ':disc',
component: DisciplinaItemComponent,
children: [{
path: ':assunto',
component: AssuntoItemComponent
}]
}
]
}
]
},
];
Я хочу сделать следующие вложенные правила, каждый из которых использует переменные для информирования вложенных компонентов каждого маршрута:
/
/С/: Concurso/
/С/: Concurso/: грузы /
/С/: Concurso/: грузы /: дисковые/
/С/: Concurso/: грузы /: дисковые/: Assunto
На каждом уровне мне понадобятся все верхние переменные для правильного запроса связанных объектов API.
Спасибо за любую помощь!