Nativescript延迟加载在底部导航中不起作用

Nativescript延迟加载在底部导航中不起作用,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

我用nativescript angular(8.20.4)启动了一个新项目。我面临一个关于使用模块延迟加载的问题。我设法使用延迟加载只显示第一页(登录)。显示底部导航栏,但不加载或显示其中的页面

应用程序路由.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 { }
我可能忘了申报单或其他东西,但我想不出来

示例项目可从以下网站获得:

底部导航路由.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,从那里你再次重定向。如果我评论重定向到,结果相同。