web-dev-qa-db-ja.com

ルート ''の設定が無効です：ルートにはパスまたはマッチャーのいずれかを指定する必要があります

AppRouting.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core'; 
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from '../buyer/home/home.component';
const routes: Routes = [
   {path: '', redirectTo:'buyer', pathMatch:"full"}
]
@NgModule({
  declarations:[],
  imports:[
    BrowserModule,
    RouterModule.forRoot(routes)
  ],
   exports:[RouterModule]
})

export class AppRoutingModule {}

BuyerRouting.ts

import {CommonModule} from '@angular/common';
import {NgModule} from '@angular/core'; 
import { Routes,RouterModule } from '@angular/router';

import { WelcomeComponent } from './welcome/welcome.component';
import { HomeComponent } from './home/home.component';

@NgModule({
declarations:[],
imports:[
    CommonModule,
    RouterModule.forChild([
        { path: 'buyer', component: HomeComponent},
        { path: '', redirectTo: '/welcome', pathMatch: 'prefix'},
        { path: 'welcome', component: WelcomeComponent}
    ])
],
exports:[RouterModule]
})

export class BuyerRoutingModule {}

アプリを提供するとき。ビルドは正常に作成されましたが、アプリを実行するとエラーが発生しました。 emtpyパスを削除して確認しましたが、まだこのエラーが発生しています。

main.ts:12 Error: Invalid configuration of route '': routes must have either 
a path or a matcher specified
angularangular2-routingangular-routingangular-route-segment
9
Haris

ngModule構成（RouterModule、TranslateModuleなどを含む）のどこでも、エクスポートされた変数と関数（URLMatcherの場合のように）のみを使用できますが、関数を使用して値を計算することはできません。

出典： https://github.com/angular/angular/issues/18662

したがって、上記の解決策によれば、エクスポートされていない変数または関数を使用してルートを計算しているルート（子ルートを含む）がある場合があります。小切手。

1
Shashank Gaurav