Pas de fournisseur pour Http

J'ai des problème avec l'injection de HTTP dans Angulaire 2 de la demande. Il ya quelques jours, il fonctionnait bien mais maintenant j'ai l'erreur:

EXCEPTION d'ORIGINE: Pas de fournisseur pour Http!

Il est principal.ts

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app.module';
import { LoginModule } from "./login/login.module";
import { Http } from "@angular/http";


platformBrowserDynamic().bootstrapModule(LoginModule);

Module de connexion.ts

@NgModule({
    imports: [BrowserModule, FormsModule], //external modules for all components
    declarations: [LoginComponent], //component which belong to this module
    bootstrap: [LoginComponent] //component on load
})
export class LoginModule {
}

Et enfin LoginComponent dans LoginModule

import { Component } from '@angular/core';
import { AccountService } from "../data/account.service";
import { Http, Response, RequestOptions, Headers } from '@angular/http';
import { LocalStorage } from '../storage/storage';

@Component({
    selector: 'tp-login',
    templateUrl: `app/login/login.html`,
    styleUrls: ['app/login/login.css'],
    providers: [AccountService, LocalStorage]

})

Il y a exception dans LoginComponent pas de HttpProvider.
La Somone savoir comment résoudre ce problème ?

OriginalL'auteur miechooy | 2017-01-23

  1. 11

    Bon de incapsulate tous vos dépendances des modules dans le module de classe à l'intérieur de @ngModule attribut

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

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    RouterModule.forRoot(appRoutes)
  ],
  providers: [],
  bootstrap: [AppComponent]
})

    De sorte que vous pouvez être sûr que lorsque votre module sera inclus en tant que enfant de dépendance - le tout avec des dépendances sera résolu avant.

    Alors comment définissez-vous appRoutes? Pouvez-vous montrer le code?
    À titre d'exemple: export const appRoutes: Routes = [{ path: 'users', component: UserListComponent }]; tout aussi classique routes déclaration

    OriginalL'auteur VadimB

  2. 4

    Dans l'Application du Module.

    Importation HttpModule et Http de @angular/http:

    import {HttpModule, RequestOptions, XHRBackend, Http} from "@angular/http";

    Ajouter le HttpModule à l'importation des biens dans @NgModule déclarations:

    imports: [
    HttpModule,
]

    Fournir Http dans Providers propriété de @NgModule

    providers: [
    {provide: Http, useFactory: (backend: XHRBackend, defaultOptions: RequestOptions) => new Http(backend, defaultOptions),rations
        deps: [XHRBackend, RequestOptions]}
],

    OriginalL'auteur Basavaraj Bhusani

  3. 0

    Ajouter HttpModule dans votre component/ service du fichier :

    import { Http , HttpModule} from '@angular/http';

    puis ajouter HttpModule dans app.module.ts:

    import { Http ,HttpModule} from '@angular/http';

    et dans ngModules les importations sont également

    imports: [
    BrowserModule,
    HttpModule   ]

    OriginalL'auteur Pulkeet Katiyar