Impossible de trouver le '@angulaire/common/http' module

Je suis cette fondamentaux tutoriel sur Angulaire sur Http.

Comme on peut le voir dans le "programme d'Installation de: l'Installation d'un module de section, ils importent les HttpClientModule comme suit:

import {HttpClientModule} from '@angular/common/http';

Quand j'essaie dans mon projet, j'obtiens l'erreur suivante: "Impossible de trouver le module '@angulaire/common/http'".

J'ai essayé d'importer le module suivant, comme suit:

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

Et puis mon importations section: 

imports: [
    HttpModule
],

Le problème maintenant est que je ne peut pas injecter HttpModule dans mon service de l'objet, et j'obtiens l'erreur suivante: "Impossible de trouver le module HttpModule".

Voici ma classe de service:

import { Injectable, OnInit } from '@angular/core';
//Custom Models
import { Feed } from '../Models/Feed';

@Injectable()
export class FeedsService {
    constructor(private httpClient: HttpModule) {}
}

Ce que je fais mal?

Mise à jour
Tous je l'ai fait quand j'ai réalisé que je ne pouvais pas importer le module comme pour le tutoriel, était de lancer le npm update commande, pour mettre à jour tous mes paquets.

InformationsquelleAutor monstertjie_za | 2017-07-20
  1. 47

    Important: HttpClientModule est Angulaire 4.3.0 et au-dessus. Vérifier @Maxime commentaires et @Pengyy s réponse pour plus d'info.

    Réponse originale à cette question:

    Vous avez besoin d'injecter HttpClient dans votre composant/service qui n'est pas le module. Si vous importez HttpClientModule dans votre @NgModule

    //app.module.ts:

import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';

//Import HttpClientModule from @angular/common/http
import {HttpClientModule} from '@angular/common/http';

@NgModule({
  imports: [
    BrowserModule,
    //Include it under 'imports' in your application module
    //after BrowserModule.
    HttpClientModule,
  ],
})
export class MyAppModule {}

    Donc changer

    constructor(private httpClient: HttpModule) {}

    à

    constructor(private httpClient: HttpClient) {}

    comme il a été écrit dans la documentation: https://angular.io/guide/http#making-a-request-for-json-data

    Cependant, depuis l'importation de la HttpModule

    vous avez besoin d'injecter constructor(private httpClient: Http) comme @Maximus indiqué dans les commentaires et @Pengyy dans cette réponse.

    Et pour plus d'infos sur les différences entre HttpModule et HttpClientModule, cochez cette réponse: https://stackoverflow.com/a/45129865/5706293

    • Cela ne fonctionne pas: Si j'ai suivi leur tutoriel, je ne peux pas l'importer: import {HttpClientModule} à partir de '@angulaire/common/http'; je n'ai pas cette commune/http module. Où puis-je le trouver
    • c'est juste Http - constructor(private httpClient: Http) depuis qu'il à l'importation '@angular/http', pas '@angular/common/http'
    • Maximus est en droit de vous importez HttpModule mais en essayant d'utiliser HttpClient vous devez sélectionner 1
    • si vous mettez en bas de la réponse, je vais supprimer le mien et upvote vôtre 🙂
    • upvote le mien la prochaine fois) il suffit de modifier la réponse et d'ajouter des détails au sujet de httpClient et http
    • J'ai installé la version 4.3.5 de @angulaire/commun et il ne semble pas être un http dossier node_modules/@angulaire/commun. Comme un résultat, mon instruction import ne fonctionne pas: importer { HttpClientModule } à partir de '@angulaire/common/http'; échoue et ne peut pas trouver le module "@angulaire/common/http". J'ai déjà supprimé et npm installé de nouveau, et fait d'un mécanisme de prévention de mise à jour. Toujours pas de dossier http. Pourquoi je ne peux pas le voir?
    • si vous avez fait l'installation corrrectly, il devrait y ai été que dans l'officiel github package: github.com/angular/angular/tree/master/packages/common/http. Avez-vous vérifié auprès de votre dossier de répertoire?
    • Argh. Je viens de supprimer de nouveau et un autre mnp mise à jour et il a tourné vers le haut. Bizarre.
    • il se passe 🙂 content que vous avez compris

    InformationsquelleAutor eko
  2. 35

    Mise À Jour Importante:

    HttpModule et Http de @angular/http a été obsolète depuis Angulaire V5, doit à l'aide de HttpClientModule et HttpClient de @angular/common/http au lieu de cela, reportez-vous CHANGELOG.

    Angulaire version précédente à partir de **@4.3.0, Vous devez injecter Http de @angular/http, et HttpModule est pour l'importation à votre NgModule d'importation du tableau.

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

@NgModule({
  ...
  imports: [HttpModule]
})

    Injecter http au composant ou service

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

constructor(private http: Http) {}

    Angulaire version après(inclure) 4.3.0, vous pouvez utiliser HttpClient de @angular/common/http au lieu de Http de @angular/http. N'oubliez pas d'importer HttpClientModule à votre NgModules'importation de tableau en premier.

    Référer @echonax de réponse.

    • Vous êtes le premier qui a posté une solution qui m'a aidé, merci.
    • Bon, où est le module, je ne le trouve pas?
    • Juste une suggestion. BTW, je ne savais pas quelque chose à propos de HttpClient, ou peut-être que je l'ai raté, mais n'a pas encore trouvé après un peu de recherche rapide. u peut me donner un lien?
    • github.com/angular/angular/tree/master/packages/common/http
    • voir cette réponse pour la différence entre Http et HttpClient
    • super! désolé je n'ai pas suivi le journal des modifications pour un certain temps.
    • Angulaire est très dynamique)
    • Je suis désolé, mais je vais accepter une autre réponse ici, et décochez la vôtre
    • c'est ok. se sentir libre depuis que la réponse est plus à jour.

    InformationsquelleAutor Pengyy
  3. 4

    note: C'est pour @angulaire/http, pas l'demandé à @angulaire/common/http!

    Il suffit d'importer de cette façon, FONCTIONNE parfaitement:

    //Import HttpModule from @angular/http
import {HttpModule} from '@angular/http';


@NgModule({
  declarations: [
    MyApp,
    HelloIonicPage,
    ItemDetailsPage,
    ListPage
  ],
  imports: [
    BrowserModule,
    HttpModule,
    IonicModule.forRoot(MyApp),
  ],
  bootstrap: [...],
  entryComponents: [...],
  providers: [... ]
})

    et puis vous contruct dans le service.ts comme ceci:

    constructor(private http: Http) { }

getmyClass(): Promise<myClass[]> {
  return this.http.get(URL)
             .toPromise()
             .then(response => response.json().data as myClass[])
             .catch(this.handleError);
}
    InformationsquelleAutor Luciano Huguenin
  4. 1

    J'ai été en utilisant http angulaire 5 qui a un problème.
    À l'aide de Httpclient résolu le problème.

    • pas nécessairement de la même version. Changer pour une version ancienne et ça marchera.
    • J'ai été en mesure de le faire fonctionner à l'aide Angulaire 5. Je suppose qu'il peut y avoir eu quelques corrections de bug sous le capot.
    InformationsquelleAutor SUNIL JADHAV
  5. 1

    Méfiez-vous des imports. mon HTTP_INTERCEPTORS a été auto importées comme ceci:

    import { HTTP_INTERCEPTORS } from '@angular/common/http/src/interceptor';

    au lieu de 

    import { HTTP_INTERCEPTORS } from '@angular/common/http';

    qui a provoqué cette erreur

    InformationsquelleAutor LazyCreep
  6. 0

    Vous devez importer http de @angular/http à votre service:

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

constructor(private http: http) {} //<--Then Inject it here


//now you can use it in any function eg:
getUsers() {
    return this.http.get('whateverURL');
}
    InformationsquelleAutor Touqeer Shafi
  7. 0

    Pour toute personne utilisant les Ionique 3 et Angulaire 5, j'ai eu le même message d'erreur pop-up et je ne trouve pas de solutions ici. Mais j'en ai trouvé quelques étapes qui ont travaillé pour moi.

    Étapes pour reproduire:

    • npm install-g cordova ionique
    • ionique commencer myApp onglets
    • cd myApp
    • cd node_modules/angulaire/commun (pas de module http existe).

    ionique:(exécuter ionique info à partir d'un terminal/invite de cmd), vérifier les versions et assurez-vous qu'ils sont à jour. Vous pouvez également vérifier l'angle de versions et les paquets dans le package.json dossier de votre projet.

    J'ai vérifié mes dépendances et des paquets, et installé à cordoue. Redémarrage de l'atome et l'erreur a disparu. Espérons que cette aide!

    InformationsquelleAutor Stephen Romero
  8. 0

    Reportez-vous à ceci:
    http: déprécier @angulaire/http en faveur de @angulaire/common/http.

    InformationsquelleAutor Jazeb_007
  9. 0

    Ce problème est-il résolu.

    J'obtiens cette erreur:
    ERREUR dans node_modules/ngx-restangular/lib/ngx-restangular-http.d.ts(3,27): erreur TS2307: Impossible de trouver le module '@angulaire/common/http/src/réponse".

    Après la mise à jour de mon angulaire de version=8

    InformationsquelleAutor user3639041