メインルート（空のパス）の角度のない無効な設定

Question

私のルータの設定では、'dashboard'のパスの下にDashboardComponentが設定されていて、パスが指定されていないときに自動的にユーザをこのルートにリダイレクトしたい/）。

これは私のコードです：

const appRoutes: Routes = [ 
    { path: '', redirectTo: 'dashboard'}, 
    { path: 'dashboard', component: DashboardComponent }, 
    /* other routes... */ 
]; 

未処理の約束を拒否：ルートの無効な設定 '{パス： ""、redirectTo： "ダッシュボード"}'： 'pathMatch' を提供してください。 「pathMatch」のデフォルト 値は「プレフィックス」ですが、多くの場合、意図は

Answer 1

問題は、空のルートのpathMatch財産の欠如、prefixデフォルトた 「フル」を使用することです。

const appRoutes: Routes = [ 
    { path: '', redirectTo: 'dashboard', pathMatch: 'full'}, 
    { path: 'dashboard', component: DashboardComponent }, 
    /* other routes... */ 
]; 

理由は以下の通りである：で

技術、pathMatch = 'フル' 結果しかし、この場合にpathMatch値がfullに設定する必要があり

の残りのURLの一致しないセグメントが ''に一致すると経路ヒットします。この例では、 リダイレクトは最上位ルートにあり、残りのURLと URLは同じものです。

他の可能pathMatch値は、残りのURLが リダイレクトルートのプレフィックスのパスで始まる場合、リダイレクトルートに一致するようにルータ を告げる「プレフィックス」です。

ここではしないでください。 pathMatchの値が 'prefix'の場合、すべてのURL は ''と一致します。詳細については

は、公式ドキュメントを参照してください：https://angular.io/guide/router#redirecting-routes