默认路由模块与其他所有模块一起加载

Question

我已将延迟加载的主页模块设置为空路径。但现在的问题是，每当我尝试加载不同的模块时，例如通过 url 登录，如 /new/auth，主模块也会随之加载。

const routes: Routes = [
  {
    path: '', component: MainLayoutComponent,
    children: [
      {
        path: '',
        loadChildren: './homepage/homepage.module#HomepageModule'
      },
      {
        path: 'new/auth',
        loadChildren: './auth/auth.module#AuthModule'
      },
    }
 }

因为我让我的主页模块延迟加载所以我希望主页模块应该只在空路径上加载。但它加载每条路线。

我检查了所有地方，比如 app 模块或任何其他根模块，没有导入 home 模块。

Answer 1

children 数组中项目的顺序很重要。

尝试

const routes: Routes = [
  {
    path: '', component: MainLayoutComponent,
    children: [
     {
        path: 'new/auth',
        loadChildren: './auth/auth.module#AuthModule'
      },
      {
        path: '',
        loadChildren: './homepage/homepage.module#HomepageModule'
      },
    }
 }

默认路由模块与其他所有模块一起加载

Default route module gets loaded with every other modules

lazy-loading

typescript

angular

angular-router