2016-10-30 12 views
0

Следуя шагам по реализации маршрутизации на официальных сайтах, я создал несколько маршрутов для моего нового приложения ng2, но я не могу заставить его работать.Невозможно настроить маршруты в Angular 2

Мои файлы маршрутов.

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

import { AppComponent } from './app.component'; 
import { UserComponent } from './user/user.component'; 
import { SchoolComponent } from './school/school.component'; 
import { AdminComponent } from './admin/admin.component'; 
import { HomeComponent } from './home/home.component'; 

// Route Configuration 
export const routes: Routes = [ 
    { path: '', component: HomeComponent }, 
    { path: 'users', component: UserComponent }, 
    { path: 'schools', component: SchoolComponent }, 
    { path: 'admins', component: AdminComponent }, 
]; 
export const routing: ModuleWithProviders = RouterModule.forRoot(routes); 

Модуль File

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 
import { FormsModule } from '@angular/forms'; 
import { HttpModule } from '@angular/http'; 

import { AppComponent } from './app.component'; 
import { UserComponent } from './user/user.component'; 
import { SchoolComponent } from './school/school.component'; 
import { AdminComponent } from './admin/admin.component'; 
import { HomeComponent } from './home/home.component'; 
import { routing } from './app.routes'; 

@NgModule({ 
    declarations: [ 
    AppComponent, 
    UserComponent, 
    SchoolComponent, 
    AdminComponent, 
    HomeComponent, 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule, 
    routing 
    ], 
    providers: [], 
    bootstrap: [AppComponent], 

}) 
export class AppModule { } 

Когда я пытаюсь получить доступ к маршрутам я получил эти ошибки в консоли

error_handler.js:47 EXCEPTION: Uncaught (in promise): Error: Cannot find primary outlet to load 'UserComponent' 
Error: Cannot find primary outlet to load 'UserComponent' 

я не могу узнать, что я делаю неправильно. Любая помощь будет оценена по достоинству. Благодаря

+0

Кажется быть вы навигации в «пользователь» вместо настроен маршрут «пользователей». – nseepana

+0

ах, извините, теперь я получаю эту ошибку error_handler.js: 47 ИСКЛЮЧЕНИЕ: Неподготовлено (в обещании): Ошибка: не удается найти основную розетку для загрузки «UserComponent» Ошибка: не удается найти основную розетку для загрузки «UserComponent» – axcl

ответ

2

Не удается найти первичный выход означает, что вы не добавили router-outlet к HTML . вам просто нужно добавили его в HTML как это,

<router-outlet></router-outlet> 
+0

Я благодарен фактически i просто вычислил это ... – axcl

+0

Добро пожаловать @axcl !!! – micronyks

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