Невозможно лениво загрузить дочерние компоненты, используя угловой 6 - PullRequest
Новая
       36

Невозможно лениво загрузить дочерние компоненты, используя угловой 6

0 голосов
/ 26 декабря 2018

Я пытаюсь работать с отложенной загрузкой в ​​angular 6, хотя у меня установлена ​​angular 7, которая до сих пор не работает, и я не могу найти ответ, поэтому мне нужно было некоторое руководство

У меня естьмодуль как manager, который перенаправит пользователя в менеджерский модуль.Я хочу убедиться, что он загружается лениво и с кодом ниже, я не могу заставить его работать.Я новичок в угловой и любая помощь будет полезна.пожалуйста, посмотрите

app-routing.module 

    const routes: Routes = [
      { path: "", redirectTo: "/home", pathMatch: "full" },
      { path: "home", component: HomeComponent },
      { path: 'manager', loadChildren: "./manager/manager.module#ManagerModule" },
      { path: "**", component: PageNotFoundComponent }
    ];

**manager-routing.module**

const routes: Routes = [
  {
    path: "",
    component: ManagerComponent,
    children: [
      { path: "", redirectTo: "/manager/home", pathMatch: "full" },
      { path: "home", component: ManagerHomeComponent }
    ]
  }
]

менеджер-модуль 

@NgModule({
  declarations: [ManagerComponent],
  imports: [
    CommonModule,
    ManagerRoutingModule,
    MaterialModule
  ]
})

Я не добавил ManagerComponent и ManagerHomeComponent до app.module

Пожалуйста, проверьте и укажите мне направление, в котором я могу решить эту проблему.

Примечание: для проверки отложенной загрузки я использую инструмент с хромом augury

обновление: app.module.ts 

@NgModule({
  declarations: [
    AppComponent,
    HomeComponent,
    PageNotFoundComponent
  ],
  imports: [
    HttpClientModule,
    BrowserModule,
    BrowserAnimationsModule,
    MaterialModule,
    AppRoutingModule,
    InventoryModule,
    PosModule,
    UserModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

1 Ответ

0 голосов
/ 26 декабря 2018

Возможны следующие проблемы:

  1. Вы забыли добавить <router-outlet></router-outlet> в свой manager.component.html

  2. Вы забыли вызвать RouterModule.forRoot в AppRoutingModule или RouterModule.forChild в вашем ManagerRoutingModule.

Вот Рабочий образец StackBlitz для вашей ссылки.

...