これは、開発環境での私の作業ルーターです。
const WEBAPP_ROUTES: Routes = [
{ path: 'feed', component: LiveFeedComponent},
{ path: 'register-line', component: RegisterLineComponent},
{ path: 'rides', component: RidesComponent},
{ path: 'track', component: TrackPageComponent},
{ path: 'settings', component: SettingsComponent},
{ path: 'user', redirectTo: 'user/'+localStorage.getItem('username'), pathMatch: 'full'},
{ path: 'user/:id', component: ProfileComponent}
];
ただし、AoT ビルド後に破損し、Web アプリにアクセスしようとすると、この出力が表示されます。
不明なエラー: ルート 'user' の構成が無効です。次のいずれかを指定する必要があります: component、redirectTo、children、または loadChildren
私は次のようにチャイルドでルートを定義しようとしました:(これは開発環境でも機能しました)。
const WEBAPP_ROUTES: Routes = [
// { path: '**', redirectTo: 'feed', pathMatch: 'full'},
{ path: 'feed', component: LiveFeedComponent},
{ path: 'register-line', component: RegisterLineComponent},
{ path: 'rides', component: RidesComponent},
{ path: 'track', component: TrackPageComponent},
{ path: 'settings', component: SettingsComponent},
{ path: 'user', children: [
{ path: '', redirectTo: localStorage.getItem('username'), pathMatch: 'full' },
{ path: ':id', component: ProfileComponent }
]}
];
エラーメッセージが意味をなさないのはなぜですか?
編集: 関連する github ディスカッション:リンク