许多带有 loadChildren 子路径的空路径

如何解决许多带有 loadChildren 子路径的空路径

你好，

我在我的 angular 项目中遇到了关于道路重定向的问题。

我有两个模块：home-customer 和 customer-dashboard。

所有路由都有效，但我有一个持续存在的问题：当我在根路径 ( http://localhost:4200 ) 上时，我没有加载 HomeCustomerComponent，而是在 http://localhost:4200/ 上重定向home 和我加载仪表板的 HomeComponent。它应该可以通过 http://localhost:4200/dashboard 访问，并且仍然可以通过重定向到 http://localhost:4200/dashbaord/home 进行访问。

它就像直接进入客户模块路由的空路径，而通常它通过 /dashboard。

级别 0 - app-routing.module.ts :

const routes: Routes = [
  {
    path: '',loadChildren: () => import('./features/components/home-customer/home-customer.module').then(mod => mod.HomeCustomerModule)
  },{
    path: '404',component: PageNotFoundComponent,},// {
  //   path: '**',//   redirectTo: '',// }
];

级别 1：home-customer-routing.module.ts

const routes: Routes = [
    {
        path: '',component: HomeCustomerComponent,{
        path: 'dashboard',loadChildren: () => import('../customer-dashboard/customer-dashboard.module').then(mod => mod.CustomerDashboardModule)
    },{
      path: 'login',component: LoginComponent,{
        path: 'register',component: RegisterComponent,// {
    //     path: '**',//     redirectTo: ''
    //      // component: PageNotFoundComponent,// }
];

级别 2：customer-dashboard-routing.module.ts

const routes: Routes = [
    {
      path: '',component: LayoutComponent,// canActivate: [AuthGuard,/*RoleGuard*/],/*data: {
        allowedRoles: [/*RoleCode.CREATOR,*/ /*RoleCode.USER]
      },*/
      children: [
        { path: '',redirectTo: 'home',pathMatch: 'full' },{ path: 'home',component: HomeComponent},{ path: 'profil',component: ProfilComponent },{ path: 'pricing',component: SubscriptionOffersComponent },]
    }
  ];