angular - Ionic 4 / Angular Routing：错误错误：未捕获（承诺）：错误：在'./home/home.module'中找不到'EventHomePageModule'

问题描述

我正在尝试昨天发布的 Ionic 4 Beta 15。

这是我的AppRoutingModule

const routes: Routes            =   [{ 
    path                        :   '', 
    loadChildren                :   './tabs/tabs.module#TabsPageModule'
    /*
}, { 
    path                        :   'event/:id', 
    loadChildren                :   './event/event.module#EventModule'
}, { 
    path                        :   'ngo/:id', 
    loadChildren                :   './ngo/ngo.module#NgoModule'
    */
}, { 
    path                        :   'volunteer/:id', 
    loadChildren                :   './volunteer/volunteer.module#VolunteerModule'

}];

@NgModule({
    imports: [RouterModule.forRoot(routes, { enableTracing: true })],
    exports: [RouterModule]
})
export class AppRoutingModule {}

如上面的代码中给出的，如果我注释掉 3 个路径中的任何 2 个Event，Ngo或Volunteer，路由工作正常。

但是，当我同时启用这两条路径中的任何一条时，我收到以下错误：

Error: Cannot find 'NgoHomePageModule' in './home/home.module'
    at checkNotEmpty (core.js:5007)
    at core.js:4984
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:388)
    at Object.onInvoke (core.js:3820)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:387)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (zone.js:138)
    at zone.js:872
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421)
    at Object.onInvokeTask (core.js:3811)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:420)
    at checkNotEmpty (core.js:5007)

它随机发生在非政府组织或志愿者身上ionic serve

在我的路由VolunteerModule

const routes = [{
    path                        :   'home',
    loadChildren                :   './home/home.module#VolunteerHomePageModule'
}, {
    path                        :   'event',
    loadChildren                :   './event/event.module#VolunteerEventPageModule'
}, {
    path                        :   'achievement',
    loadChildren                :   './achievement/achievement.module#VolunteerAchievementPageModule'
}, {
    path                        :   '',
    redirectTo                  :   'home'
}];

在我的路由NgoModule

const routes = [{
    path                        :   'home',
    loadChildren                :   './home/home.module#NgoHomePageModule'
}, {
    path                        :   'upcoming',
    loadChildren                :   './upcoming /upcoming.module#NgoUpcomingPageModule'
}, {
    path                        :   'past',
    loadChildren                :   './past/past.module#NgoPastPageModule'
}, {
    path                        :   'volunteer',
    loadChildren                :   './volunteer/volunteer.module#NgoVolunteerPageModule'
}, {
    path                        :   '',
    redirectTo                  :   'home'
}];

我的文件夹结构：

▾ ngo/
  ▸ home/
  ▸ past/
  ▸ upcoming/
  ▸ volunteer/
    [  ]ngo.module.spec.ts
    [  ]ngo.module.ts
▸ tabs/
▾ volunteer/
  ▸ achievement/
  ▸ event/
  ▸ home/
    [  ]volunteer.module.spec.ts
    [  ]volunteer.module.ts
  [  ]app-routing.module.ts

更新 1： 将回购上传到 https://gitlab.com/saiy2k/ionic.4-beta.15-routing-issue

我究竟做错了什么？请帮忙。

标签： angularangular2-routinglazy-loadingionic4

angular - Ionic 4 / Angular Routing：错误错误：未捕获（承诺）：错误：在'./home/home.module'中找不到'EventHomePageModule'

问题描述

解决方案

推荐阅读