Pourquoi `this.http.get(...).map` n'est-il pas une fonction dans ma requête Angular HTTP GET ?

Angular HTTP GET avec erreur TypeScript : this.http.get(...).map n'est pas une fonction

Aperçu

Lors de la tentative pour effectuer une requête HTTP GET avec Angular, certains développeurs rencontrent l'erreur suivante : TypeError : this.http.get(...).map n'est pas une fonction dans [null]. Cela peut être frustrant et arrêter le développement d'applications.

Solution

L'erreur est probablement due à l'absence d'opérateurs RxJS. Pour résoudre ce problème, vous devez importer l'opérateur nécessaire pour la méthode .map() dans votre code.

Importer l'opérateur approprié :

import 'rxjs/add/operator/map';

Cela permettra importez uniquement l'opérateur .map() et ajoutez-le à votre application.

Alternative : importer tous les opérateurs (Attention)

Si vous préférez avoir accès aux 50 opérateurs RxJS, vous pouvez tous les importer avec la déclaration suivante, mais sachez que cela augmentera la taille du bundle de votre application :

import 'rxjs/Rx';

Exemple d'implémentation

Voici un exemple d'implémentation de l'opérateur .map() dans votre TypeScript code :

getHalls() {
  return this.http.get(HallService.PATH + 'hall.json')
    .map((res: Response) => res.json());
}

Notes supplémentaires

Référez-vous au numéro suivant pour plus de détails et de discussions sur ce sujet :

• https://github.com/ angulaire/angulaire2/issues/11564

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!