La propriété 'map' n'existe pas sur le type 'Observable<Response>'.

Question

J'essaie d'appeler une API depuis Angular mais j'obtiens cette erreur :

Property 'map' does not exist on type 'Observable<Response>'

Les réponses à cette question similaire n'ont pas résolu mon problème : Angular 2 beta.17 : La propriété 'map' n'existe pas sur le type 'Observable<Response>'. .

J'utilise Angular 2.0.0-beta.17.

Answer 1

Vous devez importer le map opérateur :

import 'rxjs/add/operator/map'

Ou plus généralement :

import 'rxjs/Rx';

---

Avis : Pour les versions de RxJS 6.x.x et plus, vous devrez utiliser les opérateurs pipeables comme indiqué dans le code ci-dessous :

import { map } from 'rxjs/operators';
import { HttpClient } from '@angular/common/http';

// ...
export class MyComponent {
  constructor(private http: HttpClient) { }
  getItems() {
    this.http.get('https://example.com/api/items').pipe(map(data => {})).subscribe(result => {
      console.log(result);
    });
  }
}

Cela est dû au fait que l'équipe RxJS a supprimé la prise en charge de l'utilisation de la fonction Voir le les modifications de rupture dans le changelog de RxJS pour plus d'informations.

Extrait du journal des modifications :

opérateurs : Les opérateurs canalisables doivent maintenant être importés de rxjs comme ceci : import { map, filter, switchMap } from 'rxjs/operators'; . Pas d'importations profondes.

Answer 2

Je reviens sur cette question parce que ma solution ne figure pas dans cette liste.

J'utilise Angular 6 avec rxjs 6.0 et j'ai rencontré cette erreur.

Voici ce que j'ai fait pour le réparer :

J'ai changé

map((response: any) => response.json())

d'être simplement :

.pipe(map((response: any) => response.json()));

J'ai trouvé la solution ici :

https://github.com/angular/angular/issues/15548#issuecomment-387009186

Answer 3

Il suffit d'écrire cette commande dans le terminal VS Code de votre projet et de redémarrer le projet.

npm install rxjs-compat

Vous devez importer le map en ajoutant ceci :

import 'rxjs/add/operator/map';

Answer 4

J'ai eu le même problème avec Angular 2.0.1 parce que j'importais Observable à partir de

import { Observable } from 'rxjs/Observable';

Je résous mon problème en important l'Observable à partir de ce chemin à la place.

import { Observable } from 'rxjs';

Answer 5

Dans rxjs 6, l'utilisation de l'opérateur de carte a été modifiée. maintenant vous devez l'utiliser comme ceci.

import { map } from 'rxjs/operators';
myObservable
  .pipe(map(data => data * 2))
  .subscribe(...);

A titre de référence https://www.academind.com/learn/javascript/rxjs-6-what-changed/#operators-update-path