4.3.1でネストされた遅延ロードをどのように実現できますか？

Question

アプリケーションは正常に動作していますが、アップロードの子ルートには '/ upload'もなくアクセスできます。たとえば、 '/ photo'、 '/ advertisement'などです。これは起こるべきではありません。なぜこれが起こっているのか分かりません。誰かが解決策を知っているなら、返信してください。

app.routing.ts

{ path: '', redirectTo: '/dashboard', pathMatch: 'full'}, 
{path: '', loadChildren: 'app/campsite/campsite.module#CampsiteModule'}, 
{path: 'login', loadChildren: 'app/login/login.module#LoginModule'} 

campsite.routing.ts

path: '', component: CampsiteComponent, children: [ 
{path: 'dashboard', component: HomeComponent, canActivate: [AuthGuard]}, 
{path: 'gallery', component: GalleryComponent, canActivate: [AuthGuard]}, 
{path: 'upload', loadChildren: './upload/upload.module#UploadModule', canActivate: [AuthGuard]} 
] 

upload.routing.ts

path: '', component: UploadComponent, children: [ 
{path: 'photo', component: PhotoComponent, canActivate: [AuthGuard]}, 
{path: 'advertisement', component: AdvertisementComponent, canActivate: [AuthGuard]}, 
{path: 'video', component: VideoComponent, canActivate: [AuthGuard]}, 
{path: 'logo', component: LogoComponent, canActivate: [AuthGuard]}, 
{ path: 'photo', pathMatch: 'full', redirectTo: 'photo' } 
] 

Lazy Component Upload is loading in App Component Routing too

Answer 1

これはバグです。 https://github.com/Greentube/localize-router/issues/45。 :(

私は同じ問題を持って、私は前方の良いパスを考える - 最高のされていない、あなたが見るように - これが修正されるまで、ネストされたモジュールをロード怠け者ではありません：。

1. インポートUploadModuleCampsiteModule
2. に非常に、非常に醜いと維持が困難である... CampsiteModule

にすべてのあなたのルートを宣言します。

上記のリンクには翻訳に関する注釈がありますが、試していません。 （また、奇妙なハックのように思える。）参考

、あなたはWebPACKのは（ng serveなどから）あなたのモジュールを生成する方法を見れば、あなたはおそらく、ないcampsite.module.chunk.jsupload.module.chunk.jsと一緒にのみcampsite.module.chunk.jsが表示されます。

幸運を祈る！