2016-07-05 2 views
0

라우터 버전 "3.0.0-alpha.8"인 angular2 프로젝트입니다. 주어진 아래Angular2 라우터 : 3.0.0-alpha.8 + provideRouter의 모든 매개 변수를 확인할 수 없습니다. (?,?)

Can't resolve all parameters for provideRouter: (?, ?) . 

Error : [email protected]://localhost:3000/node_modules/@angular/compiler//bundles/compiler.umd.js:955:27 

파일이 사용됩니다 :

app.routes.ts

import { provideRouter, RouterConfig } from '@angular/router'; 
import { HeroDetailComponent } from './First/first.component'; 
import { HeroListComponent } from './First/first-list.component'; 
import { AppComponent } from './app.component'; 
import { LoginComponent } from './Login/login.component'; 

export const routes: RouterConfig = [ 

{ path: 'heroes', component: HeroListComponent }, 
{ path: 'first', component: HeroDetailComponent }, 
{ path: 'login', component: LoginComponent } 

]; 

export const APP_ROUTER_PROVIDERS = [ 
provideRouter(routes) 
]; 

app.component.ts

import { Component } from '@angular/core'; 
import { Hero } from './Hero/hero.component'; 
import { HeroDetailComponent } from './First/first.component'; 
import { ROUTER_DIRECTIVES, Router, provideRouter } from '@angular/router'; 
import { LoginComponent } from './Login/login.component'; 
import { Http, Response } from '@angular/http'; 
import { Observable } from 'rxjs/Rx'; 


@Component({ 
    selector: 'my-app', 
    templateUrl: 'app/app.component.html', 
    directives: [ HeroDetailComponent, ROUTER_DIRECTIVES ], 
    providers: [provideRouter] 
}) 
export class AppComponent { 
    constructor(private router:Router) { 
    } 
    title = 'Tour of Heroes'; 
    selectedHero: Hero; 
    onSelect(hero: Hero) { this.selectedHero = hero; } 
    } 

하시기 바랍니다 API를로드하는 동안이 오류가 표시됩니다 도움. 미리 감사드립니다.

+0

에서 providers: [provideRouter]

import {APP_ROUTE_PROVIDERS} from 'app.routes'; bootstrap(AppComponent, [ APP_ROUTER_PROVIDERS ] 

을 다음 제거 : 당신과 같이,이 목록에 const를 APP_ROUTER_PROVIDERS를 추가 할 필요가

bootstrap(AppComponent, [ // Providers ] 

: //angular.io/resources/live-examples/quickstart/ts/plnkr.html –

답변

0

라우터를 올바르게 제공하지 않습니다. bootstrap 각도가있는 main.ts 파일로 이동하여 가지고있는 공급자 목록을 찾으십시오. 그것은이 유사하게 나타납니다 설정 HTTPS를 systemjs를 확인하여 app.component.ts