子ルートを正しく設定する方法？エラー：キャッチされていない（約束しています）：エラー：ルートに一致しません。 URLセグメント： 'parent/child1

Question

子ルートを設定した後、次のエラーが発生します。

エラー：キャッチされていません（約束しています）：エラー：いずれのルートにも一致しません。 URLセグメント：「親/ child1の

app.routing.ts私のindex.htmlで

{ path: 'home', component: homeComponent}, 
    { path: 'about', component: aboutComponent}, 
    { path: 'parent', component: parentComponent, 
    children:[ 
    { 
     path: '', 
     redirectTo: '/parent/child1', 
     pathMatch: 'full' 
    }, 
    { 
     path: 'child1', 
     component: child1Component, 
     outlet: 'subRouter' 
    }, 
    { 
     path: 'child2', 
     component: child2Component, 
     outlet: 'subRouter' 
    }] 
    }, 
{ path: '**', redirectTo: 'home', pathMatch: 'full' } 

、私は私のparent.htm（parentComponentに）で<router-outlet></router-outlet>

を持っている私は<router-outlet name="subRouter"></router-outlet>

を持っています

何が欠けていますか？なぜ私はそのエラーを取得していますか？どうすればこのエラーを解決できますか？

Answer 1

parentルートの子''のパスリダイレクションを以下に変更し、明示的にoutlet:componentの値を指定してください。

redirectTo: '/child1(subRouter:child1)' 

あなたは子ルートからリダイレクトしているよう/parentが暗黙のうちに含まれることになるので。