没有 ActivatedRoute 的提供者 - Angular 2 RC5

Question

升级到 Angular 2 RC5（从 RC4）后，我似乎无法再将 ActivatedRoute 注入我的组件。

ORIGINAL EXCEPTION: No provider for ActivatedRoute!

这是相关的代码片段：

import { Component } from '@angular/core';

import { 
  ActivatedRoute
} from '@angular/router';

declare var module: {
  id: string;
};

@Component({
  moduleId: module.id,
  selector: 'mds-app',
  templateUrl: 'app.component.html',
  styleUrls: [
      'app.component.css'
  ],
  directives: []
})
export class AppComponent { 

  constructor(private _route: ActivatedRoute) {
    this._route.params.subscribe(params => console.log(_route));
  }
}

这是我的 app.module.ts:

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { CommonModule }  from '@angular/common';
import { Routes, RouterModule }  from '@angular/router';

import { AppComponent }  from './app.component';

import { 
    routing, 
    appRoutingProviders 
} from './app.routing';

@NgModule({
  imports:      [ BrowserModule, CommonModule, RouterModule ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ],
  providers:    [ appRoutingProviders ]
})
export class AppModule { }

我检查了 "Tour of Heroes" 示例，它们做的事情完全相同，ActivatedRoute 没有提供者声明所以我想知道这里发生了什么？

Answer 1

我在 GitHub 上浏览了 Angular 2 个问题，并且非常幸运地找到了上述问题的解决方案（参见 here）。

我需要将 routing（见上文 import）添加到 NgModule 中的 imports，即

@NgModule({
  imports:      [ BrowserModule, CommonModule, RouterModule, routing ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ],
  providers:    [ appRoutingProviders ]
})

似乎 Angular 2 的错误消息变得比以前更混乱了。

我希望这个答案对某人有用，我已经快要拔头发了。

编辑：应大家的要求，这里是导入的 routing 的一个片段（因为我这周下班了，所以如果有任何问题，请在评论中告诉我用它）：

app.routing.ts:

export routes: Routes = [
   { path: 'sales', component: SalesComponent }
];

export routing = RouterModule.forRoot(routes);

并在您的 app.module.ts 中按如下方式导入：

import { routing } from 'app.routing'

Answer 2

如果在单元测试中遇到此错误，则需要导入 RouterTestingModule

Answer 3

我在单元测试期间遇到了这个错误。导入 RouterTestingModule 并在我的测试模块中使用如下：

  beforeEach(
async(() => {
  TestBed.configureTestingModule({
    declarations: [],
    imports: [
      RouterTestingModule.withRoutes([{ path: 'orders/:id', component: OrdersComponent }])
    ],
    providers: []
  }).compileComponents();
})

);

没有 ActivatedRoute 的提供者 - Angular 2 RC5

No provider for ActivatedRoute - Angular 2 RC5

angular2-routing

angular2-router3

angular