404ページとLazy Loading in Angular2

Question

遅延ロードモジュールを使用して '404ページ'の作業をできないようにしました。ブラウザにランダムなURLを入力すると、クールな404ページの代わりに空白のページしか表示されません。私はチャンクが遅延ロードされたものであり、それは、バケツのモジュールで構成された適切なコンポーネントを示して[OK]をthatsの参照/バケツにサーフィンするとき

は、ここに私のルーティング設定

export const routes: Routes = [ 
    { path: '', redirectTo: 'dashboard', pathMatch: 'full'}, 
    { path: 'dashboard', loadChildren: 'app/dashboard/dashboard.module#DashboardModule'}, 
    { path: 'buckets', loadChildren: 'app/buckets/buckets.module#BucketsModule'}, 
    { path: '**', loadChildren: 'app/notfound/notfound.module#NotFoundModule'} 
]; 

export const routing: ModuleWithProviders = RouterModule.forRoot(routes); 

です。

しかし、404エラーページでは機能しません。パスのための通常は「**」は、他のすべてのルートには機能しませんが、そうではありません。

誰かが助けることができますか？

-angular2最終（2.0.0）

Answer 1

URLマッチングは習慣ワイルドカード遅延ロードされたモジュールと連携します。レイジーロードされたモジュール内のルーティングに何を追加するのだろうか。それはデフォルトをロードするよう

は、モジュールのルーティングで空のパスを与える可能性があり

{ path: 'notfound', loadChildren: 'app/notfound/notfound.module#NotFoundModule'} 
{ path: '**', redirectTo: '/notfound' } 

更新、あなたは以下のようなワイルドカードルートの異なるルートにリダイレクトしようとしていることを言ってコンポーネント

const notfoundRoutes: Routes = [ 
    { path: '', component: NotFoundComponent } 
]; 

このように設定されていないパスにルーティングすると、 ds NotFoundモジュールが遅延しています。

は、このことができます。このPlunker!!

希望を参照してください!!

Answer 2

私がしたことは、以下の通りです。

私はAppModuleのルーティングにおける経路（ない遅延もの）

const routes: Routes = [ 
    { 
    path: 'notfound', 
    component: NotFoundComponent 
    } 
] 

私は

export const routes: Routes = [ 
    { path: '', redirectTo: 'dashboard', pathMatch: 'full'}, 
    { path: 'dashboard', loadChildren: 'app/dashboard/dashboard.module#DashboardModule'}, 
    { path: 'buckets', loadChildren: 'app/buckets/buckets.module#BucketsModule'}, 
    { path: '**', redirectTo: '/notfound' } 
]; 

を添加宣言NOTFOUNDモジュール内AppModule

@NgModule({ 
    imports: [ 
    BrowserModule, 
    HttpModule, 
    CoreModule.forRoot(), 
    NotFoundModule, 
    routing 
    ], 
    declarations: [ 
    AppComponent 
    ], 
    providers: [ ], 
    bootstrap: [AppComponent] 
}) 

にNOTFOUNDモジュールをインポート

この方法では、NotFoundモジュールは直接アプリケーションにインポートされるため、アプリケーションコンテキスト。

あなたが/ NOTFOUNDにルーティングさunexistentルートを入力してください毎回;）