Angular routing redirectTo doesn't work with Lazy Loading

Question

I work on Angular project and for now I have only one lazy loaded module. When I try to reach localhost:4200/budget I want it to redirect to localhost:4200/budget/expenses. Budget is lazy loaded component. But when I try:

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

it gives me this:

my main routing file:

Oleksii Pavlenko · Accepted Answer · 2020-11-18 22:06:53Z

1

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

answered Nov 18, 2020 at 22:06

Oleksii Pavlenko

1,3331 gold badge12 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular routing redirectTo doesn't work with Lazy Loading

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related