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}
]

它给了我这个：

我的主要路由文件：

Answer 1

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

Angular 路由 redirectTo 不适用于延迟加载

Angular routing redirectTo doesn't work with Lazy Loading

lazy-loading

angular-routing

angular