Aucun fournisseur pour ActivatedRoute - Angular 2 RC5

Après la mise à jour Angulaire 2 RC5 (à partir de la RC4) il semble que je ne peux plus m'injecter ActivatedRoute dans mes composants.

EXCEPTION d'ORIGINE: Pas de fournisseur pour ActivatedRoute!

Voici le code concerné:

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

et voici mon 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 { }

J'ai vérifié le "voyage du Héros" exemple et ils font exactement la même chose, il n'y a pas de déclaration de fournisseur pour ActivatedRoute donc ce qui se passe ici, je me demande?

source d'informationauteur Thorsten Westheider

  1. 22

    J'ai été la navigation à travers Angulaire 2 questions sur GitHub et a trouvé la solution pour le problème ci-dessus, par pure chance (voir ici).

    J'ai besoin d'ajouter routing (voir import ci-dessus) pour imports dans NgModulec'est à dire

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

    Semble Angulaire de 2 messages d'erreur juste a obtenu plus de confusion qu'ils ont déjà été.

    J'espère que cette réponse est d'une certaine utilité à quelqu'un, j'étais sur le point de tirer mes cheveux déjà.

    EDIT: à la demande générale, voici un extrait de la importées routing (sur le dessus de ma tête, comme je suis en arrêt de travail cette semaine, laissez-moi savoir dans les commentaires si il ya des problèmes avec elle):

    app.le routage.ts:

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

export routing = RouterModule.forRoot(routes);

    et dans votre app.module.ts vous auriez importer ce comme suit:

    import { routing } from 'app.routing'
  2. 13

    Si vous obtenez cette erreur dans les tests unitaires, vous avez besoin d'importer RouterTestingModule

  3. 1

    J'ai eu cette erreur lors de tests unitaires. Importés RouterTestingModule et utilisé dans mon module de Test comme ci-dessous:

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

    );