javascript - 错误: Cannot match any routes in Angular 4

Question

我在我的 Angular 4 应用程序中延迟加载了几个模块，并带有指向延迟加载模块的子路由，但我收到了一个错误:错误:无法匹配任何路由。 URL 段:访问路由时的“order-management/list-view”。

这是我的主要应用程序路由代码:

  {path: 'login', component: LoginComponent},
  {path: 'order-management', loadChildren: './order-management/order-management.module#OrderManagementModule'},
  {path: '', redirectTo: '/login', pathMatch: 'full'}

这是延迟加载的 OrderManagementModule 的路由代码:

    {path: '', component: OrderManagementComponent, pathMatch: 'full', children: [
        {path: 'list-view', component: ListComponent},
        {path: 'column-view', component: ColumnComponent},
        {path: 'comfy-view', component: ComfyComponent},
        {path: '', redirectTo: '/order-management/list-view', pathMatch: 'full'},
  ]}

假设代码加载路径 /order-management/SOME_CHILD_COMPONENT 中的每个子组件，并将 /order-management 路径重定向到 /order-management/ ListView 。我不确定这里出了什么问题。请解决这个问题。

Answer 1

您应该从已定义组件:OrderManagementComponent的第一个path中删除pathMatch: 'full'。

您不能将 pathMatch 与组件结合使用。也许 Angular 应该已经为此抛出一个错误。 pathMatch 用于重定向，这意味着如果您的路由中有 pathMatch 属性，则也应该有 redirectTo 。

我必须深入研究 Angular 路由器的来源，看看为什么它会抛出这个错误:

Cannot match any routes. URL Segment: 'order-management/list-view'

但如果我必须猜测，我认为它会看到 pathMatch 属性，并尝试重定向。但重定向到什么？没有 redirectTo 属性。我的猜测是，它尝试了一些未知的路线，可能是未定义的，并且会抛出错误。