懶加載模塊不加載模塊js文件

Question

我有兩個模塊，我加載這些模塊與延遲加載。

1. 的AppModule
2. PassangerModule

的AppModule被定義爲跟隨

@NgModule({ 
    imports: [ 
     BrowserModule, 
     FormsModule, 
     HttpModule, 
     CabModule, 
     RouterModule.forRoot([ 
      { path: '', component: CabComponent }, 
      { path: 'Cabs', component: CabComponent }, 
      { path: 'Passanger', loadChildren: 'App/Passanger/passanger.module#PassangerModule' } 
     ]) 
    ], 
    declarations: [ 
     AppComponent, 
     CabComponent, 
     CabFilterPipe, 
     CabAddComponent 
    ], 
    bootstrap: [AppComponent], 
    providers: [ 
     CabService 
    ] 
}) 
export class AppModule { } 

和ProductModule定義如下：當我瀏覽到/產品

@NgModule({ 
    imports: [ 
     CommonModule, 
     RouterModule.forChild([ 
      { 
       path: '', component: PassangerComponent 
      } 
     ]) 
    ], 
    declarations: [ 
     PassangerComponent 
    ], 
    providers: [ 
     PassangerService 
    ] 
}) 
export class PassangerModule { 
} 

現在它不工作，嘗試對http://localhost:3000/App/Passanger/passanger.module GET請求是無效的路徑，而不是它應該passanger.module.js

我檢查了一倍，這是有defaultExtension在systemjs.config.js

Answer 1

JS申請得到我改變了路線模塊路徑，並使App/...以小寫app/...，它的工作。

我不知道爲什麼該字符串區分大小寫，但它對我有用。

RouterModule.forRoot([ 
      { path: '', component: CabComponent }, 
      { path: 'Cabs', component: CabComponent }, 
      { path: 'Passanger', loadChildren: 'app/Passanger/passanger.module#PassangerModule' } 
     ])