2016-08-15 4 views
0

Я сейчас обновляю свое приложение до RC5 и сталкиваюсь с некоторыми трудностями.Угловой 2 RC5 Не может соответствовать любым маршрутам: 'documents'

В моем app.routing.ts, у меня есть:

import { Routes, RouterModule } from '@angular/router'; 

export const appRoutes: Routes = [ 
{ path: '', redirectTo: '/home', pathMatch: 'full' }, 
{ path: 'home', loadChildren: './app/home/home.module#HomeModule' }, 
{ path: 'documents', loadChildren: './app/documents/documents.module#DocumentsModule' }, 
{ path: 'food', loadChildren: './app/food/food.module#FoodModule' }, 
{ path: 'themes', loadChildren: './app/themes/themes.module#ThemesModule' }, 
{ path: 'about', loadChildren: './app/about/about.module#AboutModule' }]; 

export const appRoutingProviders: any[] = []; 

export const routing = RouterModule.forRoot(appRoutes); 

Вот маршрутизатор ссылка:

getLoggedInMenu() { 
    return [ 
    { 
     label: 'Home', 
     routerLink: [''] 
    }, { 
     label: 'Documents', 
     routerLink: ['/documents'] 
    }, { 
     label: 'Tools', 
     Items: [ 
     { 
     label: 'Food', 
     routerLink: ['/food'] 
     }, { 
     label: 'Themes', 
     routerLink: ['/themes'] 
     } ] 
    }, 
    { 
    label: 'About', 
    routerLink: ['/about'] 
    }]; 
} 

В food.routing.ts:

import { RouterModule } from '@angular/router'; 
import {FoodComponent} from './food.component'; 

export const routing = RouterModule.forChild([ 
    { path: 'food', component: FoodComponent}]); 

В themes.routing.ts:

import { RouterModule } from '@angular/router'; 
import {ThemesComponent} from './themes.component'; 

export const routing = RouterModule.forChild([ 
{ path: 'themes', component: ThemesComponent}]); 

Эти 2 маршрута работают нормально. Однако эти 2 маршрута нет:

В document.routing.ts:

import { RouterModule } from '@angular/router'; 
import {DocumentsComponent} from './documents.component'; 

export const routing = RouterModule.forChild([ 
{ path: 'documents', component: DocumentsComponent}]); 

Ошибка: ИСКЛЮЧЕНИЕ: Ошибка: Uncaught (обещанию): Ошибка: Не удается соответствовать любым маршрутам: 'документы'

в about.routing.ts:

import { RouterModule } from '@angular/router'; 
import {AboutComponent} from './about.component'; 

export const routing = RouterModule.forChild([ 
    { path: 'about', component: AboutComponent}]); 

Ошибка: ИСКЛЮЧЕНИЕ: Ошибка: Uncaught (обещанию): Ошибка: не найдены маршруты: 'о'

Каждый из каталогов приложений одинаковый. Каждый из них содержит:

name.component.ts
name.component.css
name.component.html
name.module.ts
name.routing.ts

и содержание каждого за исключением имен.

Никто не видит ничего плохого?

ответ

0

После кучи махинаций я заметил, что в app.module.ts были импорт для маршрутизации рабочего модуля, а те, которые были неудачными, не были там. Импортирование и добавление их в раздел импорта приложений app.module устранили проблему, и все маршруты теперь работают.

+1

Я пробовал это. Но при этом загружаются импортированные модули, когда приложение запускается ..., что заставляет приложение работать, но побеждает цель динамической загрузки компонента. Не так ли? Вы пришли сюда? Вы можете поделиться своим опытом? – Patrice

Смежные вопросы