Модули Angular 7 sub-маршрутизации с ленивой загрузкой не работают - PullRequest
0 голосов
/ 04 февраля 2019

Доступ к дочернему модулю родительского модуля localhost:4200/child/subchild выдает ошибку в консоли. localhost:4200/child/runtime.js не найден - 404

Переход к localhost:4200/child приведет к загрузке дочернего компонента, но при переходе к /child/subchildзагрузит пустую страницу и сообщение об ошибке 404. На консоли:

Версии:

  • Angular (ядро, маршрутизатор) - 7.2.3
  • Angular CLI- 7.3.0
  • Узел - 10.12

Основной модуль

const routes: Routes = [{
    path: "child",
    loadChildren: "./modules/child/child.module#ChildModule",
}, {
    path: "",
    pathMatch: "full",
    redirectTo: "",
}];
@NgModule({
    declarations: [AppComponent],
    imports: [
        RouterModule.forRoot(routes),
        ...
    ]
})

Дочерний модуль

const routes: Routes = [{
    path: "",
    component: ChildComponent,
    children: [
        { path: "subchild", component: SubchildComponent }
    ]
}];
@NgModule({
    declarations: [ChildComponent, SubchildComponent],
    imports: [
        RouterModule.forChild(routes),
        ...
    ]
})

Страница страницы должна отображаться без ошибок при переходе по URL: http://localhost:4200/child/subchild

1 Ответ

0 голосов
/ 05 февраля 2019

Я нашел причину этой проблемы, так как я изменил base href из index.html.

Вернул его с base href='./' на base href='/'.

Я изменил базуhref, так как я также собирал этот угловой проект для Android, используя Cordova.

...