Estoy usando angular y quería probar la carga diferida con múltiples módulos, y obtengo este error Error: no se puede hacer coincidir ninguna ruta. Segmento de URL: 'inicio/usuarios/perfil'
Bueno, pasé varias horas tratando de resolver este problema, pero no encontré ninguna respuesta.
MÓDULO DE APLICACIÓN
{ path: 'home', component: HomeComponent, loadChildren: () => import('./components/home/home.module').then((m) => m.HomeModule), }, { path: 'auth', loadChildren: () => import('./components/auth/auth.module').then((m) => m.AuthModule), }, { path: '', pathMatch: 'full', redirectTo: 'home', },MÓDULO DE ENRUTAMIENTO DOMICILIARIO
{ path: 'users', loadChildren: () => import('../users/users.module').then((m) => m.UsersModule), },MÓDULO DE ENRUTAMIENTO DE USUARIOS
{ path: '', outlet: 'child', component: UsersComponent, }, { path: 'user/:id', outlet: 'child', component: UserComponent, }, { path: 'profile', outlet: 'child', component: ProfileComponent, },Aquí está el repositorio si necesita ver algo más https://github.com/ginebras/user-system
No veo ninguna necesidad de usar puntos de venta con nombre, te estás complicando las cosas. Seamos sencillos, así que eliminé 'child' de su <router-outlet> y eliminé outlet: child de sus rutas.
Actualicé el enrutamiento de su usuario en user-routing.module , debería verse así:
RouterModule.forChild([ { path: '', component: UsersComponent, pathMatch: 'full', }, { path: 'profile', component: ProfileComponent }, { path: 'user-detail/:id', component: UserComponent, }, ]), ], También cambié la ruta user:/id a user-detail:id para mejorar la legibilidad. Puede volver a cambiarlo o cambiar desde donde está abriendo user:/id a user-detail:id .
También actualizo el stackblitz, echa un vistazo: https://stackblitz.com/edit/angular-ivy-rmxi8g ?
Bienvenido Alejø.
Lo más probable es que necesite eliminar esta línea
component: HomeComponent, Necesita usar component o loadChildren pero no ambos. Puede poner HomeComponent como una ruta vacía en el módulo de enrutamiento de inicio. No olvide pathMatch: 'full' en todas sus rutas vacías.