延迟加载模块中的角子级路由无法完全正常工作

Question

我正在使用Angular 2.3.1

我无法在延迟加载的模块中导航至子级路由。 对我来说，很奇怪的是3条儿童路线中有2条路线表现理想。 但是，当我尝试添加第三条路线时，该特定路线似乎无效。

因为某些路由有效，所以您会认为与病态路由相关的组件存在问题...但是我不认为这种情况...该组件只是裸露的类和模板。 里面什么都没有：

这是我的根应用程序路由

const routes: Routes = [
  {path:'', component: HomePageComponent},
  {
    path: 'facilities',
    loadChildren: './search-page/search-page.module#SearchPageModule'
  },
]

@NgModule({
    imports: [RouterModule.forRoot(routes, {preloadingStrategy: PreloadAllModules})],
    exports: [RouterModule],
    providers: []
})

这是我的模块路由 ，我将在其中创建子路由。

const searchPageRoutes : Routes = [
    {
        path: '',
        component: SearchPageComponent,
        children: [
            {
                path:'search', // ROUTE WORKS
                component: SearchResultsComponent,
                canActivate: [FacilitiesGuard]
            },
            {
                path: ':id', // ROUTE WORKS
                component: FacilityDetailComponent,
                resolve: {facility:  FacilityDataResolver }
            },
            {
                path: 'saved', // ROUTE NOT WORKING
                component: FacilitiesListComponent
            }
        ]
    }
];

@NgModule({
    imports: [
        RouterModule.forChild(searchPageRoutes)
    ],
    exports:[
        RouterModule
    ]
})

ERROR我得到的错误是，如果我删除了所有的路线是一起发生同样的错误......仿佛路线甚至没有被定义。 Angular尝试使用该路由进行后端API调用：

http://localhost:8080/api/facilities/saved (500) Internal server Error

发生此错误是因为该路由在API中不存在。

我在做什么错？为什么没有通过角度找到“保存的”路线？

Answer 1

根据评论对话的答案：

此处的问题是配置中路由的顺序。

这个：

{
    path: ':id', // ROUTE WORKS
    component: FacilityDetailComponent,
    resolve: {facility:  FacilityDataResolver }
},
{
    path: 'saved', // ROUTE NOT WORKING
    component: FacilitiesListComponent
}

需要这样的：

{
    path: 'saved', // ROUTE WORKING NOW!
    component: FacilitiesListComponent
},
{
    path: ':id', // ROUTE STILL WORKS
    component: FacilityDetailComponent,
    resolve: {facility:  FacilityDataResolver }
}

本质上，路由器认为尝试进入已saved路由的所有操作都在:id路由处停止，因为路由器认为“保存”一词只是传递给它的另一个参数。