- アンギュラ4

Question

私は、次のコードを持っている：

const appRoutes: Routes = [ 
    { path: '', redirectTo: '/login', pathMatch: 'full' }, 
    { path: 'home', component: HomeComponent, canActivate: [AuthGuard] }, 
// Lazy Loading (preloads) so I wont have to LOAD the new code chunk 
{ path: 'highlights', loadChildren: './highlights/highlights.module#HighlightsModule', canActivate: [AuthGuard] }, 
{ path: 'news', loadChildren: './news/news.module#NewsModule', canActivate: [AuthGuard] }, 
{ 
    path: 'not-found', 
    component: ErrorPageComponent, 
data: { message: 'Page was not found' } 
}, 
{ path: '**', redirectTo: '/not-found' } // must be last 
]; 

マイログイン「/ログイン」ルートがルーティングモジュール（AuthRoutingModule）とモジュール（AuthModule）に委託されます。 AuthRoutingModule内部

マイルーティングconstがある：

const authRoutes: Routes = [ 
    { path: 'login', component: LoginComponent} 
]; 

問題はこのパスでappRoutesが存在する場合にのみOccures：

{ path: '**', redirectTo: '/not-found' } 

それ以外の場合は正常に動作します。

わかりません。 '/ login'が認識されないかのように私はいつも見つからない。

'/ login'は、前述のアウトソースモジュールiでエクスポートされます。

どうしたのですか？

Answer 1

RouterModule.forRoot()を呼び出すときに使用するルート定義の場合は、root/loginにナビゲートしようとすると、常に見つからない場所に移動します。これらのルートにそのパスの定義がありません...

そのパスの定義がある別のモジュールがある場合は、そのモジュールをRouterModule.forRootに使用するルートにロードする必要があります）

Answer 2

私にも同様の問題がありました。設定が適切な場合は、 コンポーネントのファイルインポートエラー/マイナーエラーをすべて解決してください。