Nativescript延迟加载在底部导航中不起作用
我用nativescript angular(8.20.4)启动了一个新项目。我面临一个关于使用模块延迟加载的问题。我设法使用延迟加载只显示第一页(登录)。显示底部导航栏,但不加载或显示其中的页面 应用程序路由.module.tsNativescript延迟加载在底部导航中不起作用,nativescript,lazy-loading,nativescript-angular,Nativescript,Lazy Loading,Nativescript Angular,我用nativescript angular(8.20.4)启动了一个新项目。我面临一个关于使用模块延迟加载的问题。我设法使用延迟加载只显示第一页(登录)。显示底部导航栏,但不加载或显示其中的页面 应用程序路由.module.ts const routes: Routes = [ { path: "", redirectTo: "/login", pathMatch: "full" }, //{ path: "", redirectTo: "/bottomnav", pathMa
const routes: Routes = [
{ path: "", redirectTo: "/login", pathMatch: "full" },
//{ path: "", redirectTo: "/bottomnav", pathMatch: "full" },
//{ path: "login", component: LoginComponent},
{ path: "login", loadChildren: () => import('./modules/login/login.module').then(m => m.LoginModule)},
{ path: "bottomnav", loadChildren: () => import('./modules/bottomnav/bottomnav.module').then(m => m.BottomnavModule)},
];
@NgModule({
imports: [NativeScriptRouterModule.forRoot(routes, { enableTracing: true })],
exports: [NativeScriptRouterModule]
})
const routes: Routes = [
{ path: "", redirectTo: "bottomnav", pathMatch: "full" },
{ path: "bottomnav", redirectTo: "/(browse:browse//search:search)", pathMatch: "full" },
{
path: "browse",
component: NSEmptyOutletComponent,
outlet: "browse", loadChildren: () => import('../browse/browse.module').then(m => m.BrowseModule)
},
{
path: "search",
component: NSEmptyOutletComponent,
outlet: "search" , loadChildren: () => import('../search/search.module').then(m => m.SearchModule)
},
];
@NgModule({
imports: [NativeScriptRouterModule.forChild([{path: "", component: BottomnavComponent, children: routes}]),],
exports: [NativeScriptRouterModule]
})
export class BottomnavRoutingModule { }
@NgModule({
declarations: [BottomnavComponent],
imports: [
BottomnavRoutingModule,
NativeScriptCommonModule,
],
exports: [NativeScriptRouterModule],
schemas: [NO_ERRORS_SCHEMA]
})
export class BottomnavModule { }
我可能忘了申报单或其他东西,但我想不出来
示例项目可从以下网站获得:
底部导航路由.module.ts
const routes: Routes = [
{ path: "", redirectTo: "/login", pathMatch: "full" },
//{ path: "", redirectTo: "/bottomnav", pathMatch: "full" },
//{ path: "login", component: LoginComponent},
{ path: "login", loadChildren: () => import('./modules/login/login.module').then(m => m.LoginModule)},
{ path: "bottomnav", loadChildren: () => import('./modules/bottomnav/bottomnav.module').then(m => m.BottomnavModule)},
];
@NgModule({
imports: [NativeScriptRouterModule.forRoot(routes, { enableTracing: true })],
exports: [NativeScriptRouterModule]
})
const routes: Routes = [
{ path: "", redirectTo: "bottomnav", pathMatch: "full" },
{ path: "bottomnav", redirectTo: "/(browse:browse//search:search)", pathMatch: "full" },
{
path: "browse",
component: NSEmptyOutletComponent,
outlet: "browse", loadChildren: () => import('../browse/browse.module').then(m => m.BrowseModule)
},
{
path: "search",
component: NSEmptyOutletComponent,
outlet: "search" , loadChildren: () => import('../search/search.module').then(m => m.SearchModule)
},
];
@NgModule({
imports: [NativeScriptRouterModule.forChild([{path: "", component: BottomnavComponent, children: routes}]),],
exports: [NativeScriptRouterModule]
})
export class BottomnavRoutingModule { }
@NgModule({
declarations: [BottomnavComponent],
imports: [
BottomnavRoutingModule,
NativeScriptCommonModule,
],
exports: [NativeScriptRouterModule],
schemas: [NO_ERRORS_SCHEMA]
})
export class BottomnavModule { }
底部导航模块.ts
const routes: Routes = [
{ path: "", redirectTo: "/login", pathMatch: "full" },
//{ path: "", redirectTo: "/bottomnav", pathMatch: "full" },
//{ path: "login", component: LoginComponent},
{ path: "login", loadChildren: () => import('./modules/login/login.module').then(m => m.LoginModule)},
{ path: "bottomnav", loadChildren: () => import('./modules/bottomnav/bottomnav.module').then(m => m.BottomnavModule)},
];
@NgModule({
imports: [NativeScriptRouterModule.forRoot(routes, { enableTracing: true })],
exports: [NativeScriptRouterModule]
})
const routes: Routes = [
{ path: "", redirectTo: "bottomnav", pathMatch: "full" },
{ path: "bottomnav", redirectTo: "/(browse:browse//search:search)", pathMatch: "full" },
{
path: "browse",
component: NSEmptyOutletComponent,
outlet: "browse", loadChildren: () => import('../browse/browse.module').then(m => m.BrowseModule)
},
{
path: "search",
component: NSEmptyOutletComponent,
outlet: "search" , loadChildren: () => import('../search/search.module').then(m => m.SearchModule)
},
];
@NgModule({
imports: [NativeScriptRouterModule.forChild([{path: "", component: BottomnavComponent, children: routes}]),],
exports: [NativeScriptRouterModule]
})
export class BottomnavRoutingModule { }
@NgModule({
declarations: [BottomnavComponent],
imports: [
BottomnavRoutingModule,
NativeScriptCommonModule,
],
exports: [NativeScriptRouterModule],
schemas: [NO_ERRORS_SCHEMA]
})
export class BottomnavModule { }
提前感谢你的帮助
编辑:我的项目基于
重定向到:“/(浏览:浏览//搜索:搜索)”
是我不熟悉的语法。你确定这就是你的意思吗?我的项目基于游乐场示例(),在游乐场项目中使用了重定向到语法。我认为多个重定向不起作用-你似乎正在重定向到bottomnav,从那里你再次重定向。如果我评论重定向到,结果相同。