は、私が角2で新たなんだ、別のモジュール

Question

からジャンプすることはできません私は、命令のようにすべてをしたが、何かが間違っている：私は、外部モジュールにルーティングされた/定義されたコンポーネントをロードすることはできません。..

Plnkrを - このコードは非常に簡単です。わずか3つのリンクと空のコンポーネントはほとんどありません。 （appコンポーネントとモジュールは簡単にするために1つのapp.tsにまとめられています）

products.module.tsをご覧ください。次の行があります。

@NgModule({ 
    imports: 
    [ 
    RouterModule.forChild(
    [ 
     { path: 'products', component: ProductsComponent }, // <--- this goes to NotFoundComponent :(
    ]) 
    ], 
    declarations: [ ProductsComponent ] 
}) 

どこが間違っていますか？ AppRoutingModuleので、ごapp.moduleルーティングモジュールを切り替える

imports: 
    [ 
    BrowserModule, 
    /* RouterModule.forRoot([ 
     { path: 'welcome', component: WelcomeComponent }, 
     { path: 'contact', component: ContactComponent }, 
     { path: '', component: TestComponent }, 
     { path: '**', component: NotFoundComponent }, 
    ]),*/ 
    ProductsModule, //<-- this needs to be above main routing module 
    AppRoutingModule  
    ] 

で

Answer 1

はあなた/productsルートがPlunker固定{ path: '**', component: NotFoundComponent },

によって消費されるProductsModuleの上にある：https://plnkr.co/edit/yOewgV8rtNhFJlrTWTaC?p=preview