Buen día, no entiendo por qué razón el routing me muestra una vista por un momento y después ya me muestra la que le pido. Tengo 4 módulos distintos: el global por defecto, auth, private, private/alumnos y private/admin.
Concretamente, el problema está en el auth donde tengo el componente login. Una vez logueado, ejecuto esta línea de código para ir a un componente concreto dentro del módulo private/alumnos:
this.router.navigate(['private/alumnos/inicio']);
Sin embargo, por un momento me muestra otro componente y automáticamente después me manda al componente correcto.
En el módulo de alumnos, por ejemplo, que es el que contiene ese componente este es el código del routing ya revisé y no llamo al componente que se aparece por un momento en otro lado.
¿Qué podrá ser?
const routes: Routes = [
{
path: '',
component: LayoutComponent,
children: [
{
path: '',
component: InicioComponent,
},
{
path: 'inicio',
component: InicioComponent,
},
{
path: 'pagos',
component: RegistroPagosComponent,
},
{
path: 'tareas',
component: TareasComponent,
},
{
path: 'listado-pagos',
component: ListadoPagosComponent,
}
]
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class AlumnosRoutingModule { }
No creo que tenga nada que ver con el problema pero en el routing de private tengo esto:
const routes: Routes = [
{
path: 'alumnos',
canActivate: [AuthGuard],
loadChildren: () => import('./alumnos/alumnos.module').then(m => m.AlumnosModule),
},
{
path: 'admin',
canActivate: [AuthGuard],
loadChildren: () => import('./admin/admin.module').then(m => m.AdminModule),
},
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class PrivateRoutingModule { }