我有一个包含2个功能模块的应用程序:1个是延迟加载的,1个是紧急加载的。
在我的应用程序路由中,我想为“找不到页面”方案添加“ **”通配符路由。
const routes: Routes = [
{ path: '', loadChildren: () => import('./landing-page/landing-page.module').then(m => m.LandingPageModule) },
{ path: '**', redirectTo: '', pathMatch: 'full' }
];
延迟加载的模块运行良好。
现在,我添加了热切加载的模块及其自己的路由模块。因此,我上面的“应用程序路由”保持不变。我只是将渴望加载的模块导入我的应用程序模块中。这是我热切加载的模块的路由配置:
const routes: Routes = [
{
path:"people",
children: [
{ path: "invite", component: InviteComponent}
]}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class PeopleRoutingModule { }
我的问题是
那么,如何添加“找不到页面”场景?
我找到了比以前更好的解决方案...
在app.module中,确保将路由模块放在热切加载的模块后面!
imports: [
BrowserModule,
SharedModule,
PeopleModule, /* Eagerly loaded module with routing*/
UsersModule,
BrowserAnimationsModule,
AppRoutingModule /* Make sure the app routing module is imported after the eagerly loaded module!! */
]
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句