2016-09-02 3 views
1

Я получаю сообщение об ошибке «Не удается разрешить все параметры RouteParams при создании базового приложения для маршрутизации»Ошибка Не удается разрешить все параметры для setupRouter

Ниже мое app.module.ts файл выглядит

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


import { App } from './app'; 
    import { routing } from './components/appRouting/app.routing'; 
    import { LoginComponent } from './components/login/loginComponent'; 
    import {SliderMenuComponent} from './components/sliderMenu/sliderMenuComponent'; 

     @NgModule({ 
     imports: [ 
     BrowserModule, 
     FormsModule, 
     routing, 
     HttpModule 
     ], 
     declarations: [App,LoginComponent,SliderMenuComponent], 
     providers: [], 
     bootstrap: [App] 
    }) 
    export class AppModule { } 

Моего app.routing.ts выглядит, как показано ниже:

import { ModuleWithProviders } from '@angular/core'; 
import { Routes, RouterModule } from '@angular/router'; 
import {LoginComponent} from '../login/loginComponent'; 
import {SliderMenuComponent} from '../sliderMenu/sliderMenuComponent'; 
const appRoutes: Routes = [ 
    { 
    path: '', 
    redirectTo: '/login', 
    pathMatch: 'full' 
    }, 
    { path: 'login', component: LoginComponent }, 
    { path: 'slider', component: SliderMenuComponent } 
    ]; 
export const appRoutingProviders: any[] = [ 
]; 
export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes); 

Моего app.ts выглядит следующим образом:

Импорт {Компонент} из '@ angular/core';

@Component({ 
    selector: 'app', 
    template : ` 
    <h1 class="title">Component Router</h1> 
    <nav> 
    <a routerLink="/slider" routerLinkActive="active">Slider</a> 
    <a routerLink="/login" routerLinkActive="active">Login</a> 
    </nav> 
    <router-outlet></router-outlet> 
    ` 
}) 
export class App { 
} 
+0

Пожалуйста, пост как 'определяется routing'. Больше нет «RouteParams». Вы пытаетесь ввести его где-нибудь? Inject вместо 'ActivatedRoute' и используйте' this.route.params.forEach (params => console.log (params ['someParam'])) ' –

+0

Измените свой вопрос и добавьте его там. Код в комментариях не читается. –

+0

Обновлен мой вопрос, я новичок в angular2 и в первый раз реализую маршрутизацию – user1511118

ответ

2

обновленный угловой маршрутизатор «@ угловом/маршрутизатор»: «3.0.0-РК-2», и теперь он работает