Angular2子模塊的forChild（）路由覆蓋根路由

Question

當使用loadChildren（）調用導入子路由時，我遇到了覆蓋根路由的問題。

應用路線聲明：

const routes: Routes = [ 
    { path: '', redirectTo: 'own', pathMatch: 'full' }, 
    { path: 'own', component: OwnComponent }, 
    { path: 'nested', loadChildren:() => NestedModule}, 
]; 
export const routing = RouterModule.forRoot(routes); 

嵌套子模塊的路線：

const routes: Routes = [ 
    { path: 'page1', component: NestedPage1Component }, 
    { path: 'page2', component: NestedPage2Component }, 
    { path: '', redirectTo: 'page1', pathMatch: 'full' }, 
]; 

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

我可以/自己，/嵌套/第1頁，/嵌套/第2頁，但是當我試圖讓根/ - 我正在重定向到/ page1。爲什麼會發生這種情況，因爲它是在RouterModule.forChild的子模塊中聲明的，它如何不重定向到/ own？

我創建簡單的普拉克攝製 - https://plnkr.co/edit/8FE7C5JyiqjRZZvCCxXB?p=preview

是否有人經歷了這種行爲？

Answer 1

這是你的分叉和修改plunker：https://plnkr.co/edit/XilkY55WXle2hFF0Pelx?p=preview

不要導入延遲加載的模塊，並改變root的路線是這樣的：

//import { Module1Module } from "./module1/module1.module"; // do NOT import it ! 

export const routes: Routes = [ 
    { path: '', redirectTo: 'own', pathMatch: 'full' }, 
    { path: 'own', component: OwnComponent }, 
    { path: 'module1', loadChildren: 'src/module1/module1.module#Module1Module' }, 
]; 

和嵌套的路線：

const routes: Routes = [ 
    //{ path: 'page1', component: Module1Page1Component }, 
    //{ path: 'page2', component: Module1Page2Component }, 
    //{ path: '', redirectTo: 'page1', pathMatch: 'full' }, 

    // do the routes like this.. 
    { 
    path: '', 
    component: Module1Component, 
    children: [ 
     { path: '', redirectTo: 'page1', pathMatch: 'full' }, 
     { path: 'page1', component: Module1Page1Component }, 
     { path: 'page2', component: Module1Page2Component } 
    ] 
    }, 
]; 

Answer 2

我們需要一些CAPS的「不要導入懶惰加載模塊」:)

修復了我用我的方法解決的問題，在相關問題中解釋：https://stackoverflow.com/a/45718262/885259

謝謝！