0

これは、開発環境での私の作業ルーターです。

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 ディスカッション:リンク

4

0 に答える 0