angular - 角度路由 redirectTo 不适用于延迟加载

Question

我从事 Angular 项目，现在我只有一个延迟加载的模块。当我尝试访问 localhost:4200/budget 时，我希望它重定向到 localhost:4200/budget/expenses。预算是延迟加载的组件。但是当我尝试时：

path: '',
component: BudgetComponentComponent,
redirectTo: 'expenses',
children: [
  {
    path: 'expenses',
    pathMatch: 'full',
    component: ExpensesComponent,
  },
  {
    path: 'income',
    pathMatch: 'full',
    component: IncomeComponent
  }
  // { path: '**', component:  Page404Component}
]

它给了我这个：

我的主要路由文件：

标签： angularlazy-loadingangular-routing

Answer 1

path: '',
component: BudgetComponentComponent,
children: [
  {
    path: '',
    pathMatch: 'full',
    redirectTo: 'expenses',
  {
    path: 'expenses',
    component: ExpensesComponent,
  },
  {
    path: 'income',
    pathMatch: 'full',
    component: IncomeComponent
  }
  // { path: '**', component:  Page404Component}
]