Non gérée Promesse de rejet: Pas de fournisseur pour HTTPService
Je suis la migration de mon application sur le dernier RC et obtiens des erreurs que je ne peut pas corriger. Avant de décider de demander ici, j'ai fait une recherche approfondie, mais sans succès.
Donc, lorsque vous appuyez sur un bouton, le suivant doit charger:
Ici est la composant:
import { Component,OnInit } from '@angular/core';
import { HTTPService } from '../shared/api.service';
import { Server } from './server.model';
import { SharedService } from '../shared/moveData.service';
@Component({
templateUrl: './mainserverpage.template.html',
})
export class MainServerPage implements OnInit {
constructor(private _httpService: HTTPService,
private _moveData: SharedService) { }
errorMessage: string;
public servers: Server[];
isLoading = true;
tillLoading;
selectedServer: Server;
currentServer;
isServerOnline=false;
ngOnInit() {
this.getServers('qa');
}
reloadServers(env) {
this.servers = null;
this.getServers(env);
}
getServers(env?) {
this._httpService.getServers(env)
.subscribe(
value => {
this.servers = value;
this.isLoading = false;
},
error => this.errorMessage = <any>error);
}
}
La module est assez basique:
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { HttpModule } from '@angular/http';
import { SharedModule } from '../shared/shared.module';
import { MainServerPage } from './mainserverpage.component';
import { Server } from './server.model';
import {HTTPService} from '../shared/api.service';
@NgModule({
imports: [
CommonModule,
SharedModule,
HttpModule,
],
declarations: [
MainServerPage
],
exports: [
MainServerPage
],
providers: [
HTTPService
]
})
export class MainserverpageModule {
}
La de routage:
import { RouterModule } from '@angular/router';
import { MainServerPage } from './mainserverpage.component';
export const mainRouting = RouterModule.forChild([
{ path: 'mainserverpage', component: MainServerPage }
]);
Et enfin la app.module que j'utilise. Je ne vois pas de sens en ajoutant le modèle.
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { AppComponent } from './app.component';
import { SharedModule } from '../app/shared/shared.module';
import { MainserverpageModule } from '../app/servers/mainserverpage.module';
import { HomeComponent } from './home.component';
import { NavBarComponent } from './navbar.component';
import { NotFoundComponent } from '../app/shared/notfound.component';
import { MainServerPage } from '../app/servers/mainserverpage.component';
import { routing } from './app.routing';
import { mainRouting } from '../app/servers/mainserverpage.routing';
@NgModule({
declarations: [
AppComponent,
NavBarComponent,
HomeComponent,
NotFoundComponent,
MainServerPage
],
imports: [
BrowserModule,
FormsModule,
HttpModule,
SharedModule,
routing,
mainRouting
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Voici l'erreur que je reçois lorsque je suis en train de le charger:
de la zone.js:420 non Gérée Promesse de rejet: Pas de fournisseur pour HTTPService!
; Zone: anguleuse ; la Tâche: la Promesse.ensuite ; Valeur: NoProviderError
{__zone_symbole__erreur: Erreur: DI Erreur
au NoProviderError.ZoneAwareError (http://localhost:4200/vendor.bundle.js:87143:..., _nativeError:
ZoneAwareError, clés: Tableau[1], les injecteurs: Tableau[1],
__zone_symbole__message: "Pas de fournisseur pour HTTPService!"...}__la zone_symbole__erreur: Erreur: DI Erreur
au NoProviderError.ZoneAwareError
Pourrait être quelque chose de simple pour vous mais à partir de là je ne vois pas le problème.
Merci.
OriginalL'auteur raz dame | 2017-01-26
Vous devez vous connecter pour publier un commentaire.
Vous devez ajouter votre
MainserverpageModule
à votreapp.module
importations. Actuellement, vous avez seulement inclus leMainServerPage
composant et n'votre service.Avez-vous d'inclure le HTTPService n'importe où dans le AppModule?
OriginalL'auteur DGarvanski
Vous devez dire à votre composant sur les prestataires de l'aide
Je ne vois pas où il dit ça à propos de SharedService? J'ai supprimé les HttpService si!
Cela a fonctionné pour moi. Merci!
problème similaire, a travaillé pour moi aussi merci
Cela va créer une instance supplémentaire de "SharedService'. Si elle n'a pas besoin d'être un singleton, qui pourrait être acceptable.
OriginalL'auteur Mirza Ali Baig