Angular2路由器：3.0.0-alpha.8 +无法解析所有参数给提供路由器：（？，？）

项目在角度2与路由器版本“3.0.0-alpha.8”。虽然加载API它显示错误：Angular2路由器：3.0.0-alpha.8 +无法解析所有参数给提供路由器：（？，？）

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; } 
    }

请帮帮我。预先感谢您。

来源

2016-07-05 Khushi

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

，然后删除providers: [provideRouter]检查systemjs配置HTTPS ：//angular.io/resources/live-examples/quickstart/ts/plnkr.html –

您没有正确提供路由器。转到您的main.ts文件，在此引导角度并查找您拥有的提供程序列表。它应类似于此：

bootstrap(AppComponent, 
    [ 
     // Providers 
    ]

您需要将您的常量APP_ROUTER_PROVIDERS添加到这个列表，像这样：从您的app.component.ts

来源

2016-07-05 09:34:51 Colum

Angular2路由器：3.0.0-alpha.8 +无法解析所有参数给提供路由器：（？，？）

回答

相关问题