角度4の遅延ロードルーティング - 子供がロードされていない

Question

遅延ロードコンポーネントがあり、その内部にルーティングに関する問題があります。私は、コンポーネントに移動したときに完全に最初のルート負荷、今

const routes: Routes { 
     {path: '': component: ReportsComponent, children:[ 
     {path: '', component: DeviceReportComponent}, 
     {path: 'sites', component: SiteReportComponent}, 
     {path: 'devices', component: DeviceReportComponent} 
     ]} 
    } 

ますが、その後の任意のナビゲーション試みは無視されます。

ルートは、このように見えます。

Answer 1

2つの異なるコンポーネントにルーティングする2つの空のパスを持つと、問題が発生することが想像できます。あなたはそのテンプレートに固執しようとすることができ

export const routes: Routes = [ 
    { path: '', redirectTo: 'product-list', pathMatch: 'full' }, 
    { path: 'product-list', component: ProductList }, 
    { path: 'product-details/:id', component: ProductDetails, 
    children: [ 
     { path: '', redirectTo: 'overview', pathMatch: 'full' }, 
     { path: 'overview', component: Overview }, 
     { path: 'specs', component: Specs } 
    ] 
    } 
]; 

：this trainingは、コンポーネントと名前のルートへのルートの空のパスは常にルートすることを示しています。

コード内のいくつかの掘削後

Answer 2

OK

は、エラーが見つかりました：メインルータで を、私は/レポートを持っていた：タイプ明らかに存在しない場所がありませんでした...では