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

Question

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

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

由于我使主页模块延迟加载，因此我希望主页模块应仅在空路径上加载。但它的负载与每条路线。

我检查了应用程序模块或任何其他根模块等所有位置，并且没有导入家庭模块。

Answer 1

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

尝试

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