не может соответствовать любым маршрутам: «»

Question

У меня есть определенный маршрут в angular2 приложении и получать такую ​​ошибку:

Может не найден маршрутов: «»

export const routes: Routes = [{ 
 
    path: '', 
 
    component: MainComponent, 
 

 
    children: [{ 
 
    path: 'callCenter', 
 
    component: CallCenterComponent, 
 
    resolve: { 
 
     countries: CountriesResolver 
 
    }, 
 
    }, { 
 
    path: 'vehicle', 
 
    component: VehicleComponent, 
 
    resolve: { 
 
     vehicleCategories: VehicleCategoryResolver, 
 
     vehicleOptions: VehicleOptionResolver 
 
    }, 
 
    }, { 
 
    path: 'territory', 
 
    component: TerritoryComponent, 
 
    resolve: { 
 
     territoryOptions: TerritoryOptionResolver 
 
    } 
 
    },{ 
 
    path: 'token', 
 
    component: TokenGenerationComponent 
 
    }, { 
 
    path: 'rider', 
 
    component: RiderComponent 
 
    }, { 
 
    path: 'dispatch', 
 
    component: DispatchSchemaComponent, 
 
    resolve: { 
 
     dispatchOrders: DispatchOrderResolver, 
 
     dispatchModes: DispatchModeResolver 
 
    } 
 
    }] 
 
}, { 
 
    path: 'login', 
 
    component: LoginComponent 
 
}];

Это код моей конфигурации маршрута. Я делаю это так же, как в примерах, но это не работает, свойство redirectTo тоже не помогает. Пустой маршрут по умолчанию не загружается. Может ли кто-нибудь мне помочь?

Answer 1

Я считаю, что угловые ожидают, что дочерние маршруты MainComponent будут иметь маршрут с дорожкой ''.

export const routes: Routes = [{ 
    path: '', 
    component: MainComponent, 

    children: [{ 
     path: '', 
     component: SomeComponent 
    }, 
    { 
    path: 'callCenter', 
    component: CallCenterComponent, 
    resolve: { 
     countries: CountriesResolver 
    }, 
    }, { 
    path: 'vehicle', 
    component: VehicleComponent, 
    resolve: { 
     vehicleCategories: VehicleCategoryResolver, 
     vehicleOptions: VehicleOptionResolver 
    }, 
    }, { 
    path: 'territory', 
    component: TerritoryComponent, 
    resolve: { 
     territoryOptions: TerritoryOptionResolver 
    } 
    },{ 
    path: 'token', 
    component: TokenGenerationComponent 
    }, { 
    path: 'rider', 
    component: RiderComponent 
    }, { 
    path: 'dispatch', 
    component: DispatchSchemaComponent, 
    resolve: { 
     dispatchOrders: DispatchOrderResolver, 
     dispatchModes: DispatchModeResolver 
    } 
    }] 
}, { 
    path: 'login', 
    component: LoginComponent 
}]; 

Edit: С некоторыми перенаправлять

export const routes: Routes = [ 
    { 
    path: '', 
    component: MainComponent, 
    children: [ 
     { 
     path: '', 
     redirectTo: 'callCenter' 
     }, 
     { 
     path: 'callCenter', 
     component: CallCenterComponent, 
     resolve: { 
      countries: CountriesResolver 
     }, 
     }, { 
     path: 'vehicle', 
     component: VehicleComponent, 
     resolve: { 
      vehicleCategories: VehicleCategoryResolver, 
      vehicleOptions: VehicleOptionResolver 
     }, 
     } 
    ... 

Перемещение MainComponent для детей маршрутов должны также работать

export const routes: Routes = [ 
    { 
    path: '', 
    children: [ 
     { 
     path: '', 
     component: MainComponent 
     }, 
     { 
     path: 'callCenter', 
     component: CallCenterComponent, 
     resolve: { 
      countries: CountriesResolver 
     }, 
     }, { 
     path: 'vehicle', 
     component: VehicleComponent, 
     resolve: { 
      vehicleCategories: VehicleCategoryResolver, 
      vehicleOptions: VehicleOptionResolver 
     }, 
     } 
    ...