Keine Anbieter für ActivatedRoute - Winkel 2 RC5

Nach dem Upgrade auf Winkel-2 RC5 (ab RC4) es scheint, ich kann nicht mehr Spritzen ActivatedRoute in meinen Komponenten.

ORIGINAL-EXCEPTION: Kein Anbieter für ActivatedRoute!

Hier ist das relevante Stück code:

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

und hier ist mein 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 { }

Überprüfte ich die "Tour der Helden" - Beispiel, und Sie tun genau das gleiche, es gibt keine Anbieter die Erklärung für ActivatedRoute also, was ist hier Los Frage ich mich?

InformationsquelleAutor Thorsten Westheider | 2016-08-14

  1. 22

    Ich war surfen durch Eckige 2 Fragen auf GitHub und fand die Lösung für das obige problem, vor lauter Glück (siehe hier).

    Ich brauchte, um hinzuzufügen routing (siehe import oben) imports im NgModule, d.h.

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

    Scheint Eckig 2 Fehlermeldungen bekam nur noch mehr zu verwirren, als Sie es bereits gewesen sind.

    Ich hoffe, diese Antwort ist von nutzen für jemanden haben, den ich ziehen meine Haare schon raus.

    EDIT: auf vielfachen Wunsch, hier ist ein snippet für die importierten routing (aus der Spitze von meinem Kopf, als ich von der Arbeit diese Woche, lass mich in den Kommentaren wissen, wenn es irgendwelche Probleme mit ihm):

    app.routing.ts:

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

export routing = RouterModule.forRoot(routes);

    und in Ihrem app.module.ts Sie würden importieren Sie diese wie folgt:

    import { routing } from 'app.routing'
    was ist der richtige import für "routing"? ich kann nicht scheinen, um es zu finden
    Es ist die exportierte RouterModule, könnte man genauso gut schreiben imports: [ RouterModule.forRoot(routes)] wo routes ist routes: Routes = [....] aus app.routing.ts.

    InformationsquelleAutor Thorsten Westheider

  2. 17

    Wenn Sie diese Fehlermeldung erhalten, in unit-tests, die Sie benötigen, zu importieren RouterTestingModule

    Dies funktioniert für mich. mit Winkel-5

    InformationsquelleAutor techguy2000

  3. 5

    Bekam ich diese Fehlermeldung während der unit-tests. Importiert RouterTestingModule und in meinem Test-Modul wie folgt:

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

    );

    InformationsquelleAutor Cüneyt Aliustaoğlu

Schreibe einen Kommentar