आयनिक कोणीय में नेस्टेड रूटिंग

मैं आयनिक 4 का उपयोग कर रहा हूं

मैंने अपने आवेदन को निम्नलिखित विरासत वाले पृष्ठों में संरचित किया है:

| app
  |- tabs
     |- tabs.page.ts
     |- tabs.module.ts
     |- tabs.routing.module.ts
  |- pages
     |- profile
        |- profile
           |- profile.module.ts
           |- profile.page.ts
        |- profile.module.ts
        |- profile-routing.module.ts
     |- pages.module.ts
     |- pages-routing.module.ts
  |- app.component.ts
  |- app.module.ts
  |- app-routing.module.ts

app-routing.module.ts . की सामग्री

const routes: Routes = [
  { path: '', redirectTo: 'tabs', pathMatch: 'full'},
  { path: 'tabs', loadChildren: './tabs/tabs.module#TabsPageModule', canActivate: [AuthGuardService]},
];
@NgModule({
  imports: [
    RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })
  ],
  exports: [RouterModule]
})
export class AppRoutingModule {}

फिर, tabs.routing.module.ts

const routes: Routes = [
  {
    path: '',
    component: TabsPage,
    loadChildren: '../pages/pages.module#PagesModule'
  }
];

@NgModule({
  imports: [
    RouterModule.forChild(routes)
  ],
  exports: [RouterModule]
})
export class TabsPageRoutingModule {}

जो आगे PagesModule और pages-routing.module.ts की सामग्री को लोड करता है

const routes: Routes = [
    { path: '', redirectTo: 'profile', pathMatch: 'full'},
    { path: 'profile', loadChildren: './profile/profile.module#ProfileModule'},
];
@NgModule({
    imports: [
        RouterModule.forChild(routes)
    ],
    exports: [RouterModule]
})
export class PagesRoutingModule {}

और profile-routing.module.ts . की सामग्री

const routes: Routes = [
    { path: '', loadChildren: './profile/profile.module#ProfilePageModule'},
];
@NgModule({
    imports: [
        RouterModule.forChild(routes)
    ],
    exports: [RouterModule]
})
export class ProfileRoutingModule {}

लेकिन आने पर

/tabs/profile

यह त्रुटि देता है:

त्रुटि त्रुटि: "पकड़ा नहीं गया (वादे में): त्रुटि: './profile/profile.module' में 'ProfilePageModule' नहीं ढूँढ सकता

{path: '', loadChildren:'./profile/profile.module#ProfilePageModule'}, को profile-routing.module.ts में { पथ से बदलना : '', घटक: ProfilePage} काम कर रहा है।