'Map' özelliği 'Observable <Response>' türünde mevcut değil

Angular bir API çağırmak çalışıyorum ama bu hatayı alıyorum:

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

Bu benzer sorunun yanıtları sorunumu çözmedi: Açısal 2 beta.17: 'Observable <Response>' türünde 'map' özelliği yok .

Açısal 2.0.0-beta.17 kullanıyorum.

mapOperatörü içe aktarmanız gerekir :

import 'rxjs/add/operator/map'

Veya daha genel olarak:

import 'rxjs/Rx';

Uyarı: RxJS 6.x.xve üzeri sürümler için, aşağıdaki kod snippet'inde gösterildiği gibi, geçirilebilir operatörler kullanmanız gerekecektir:

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);
    });
  }
}

Bunun nedeni, RxJS ekibinin kullanım desteğini kaldırmasıdır . Daha fazla bilgi için RxJS değişiklik günlüğünde yapılan değişikliklere bakın .

Değişiklik günlüğünden:

Operatörler : Pipeable operatörler artık rxjs ithal edilmelidir, böylece gibi: import { map, filter, switchMap } from 'rxjs/operators';. Derin ithalat yok.

Çözümüm burada listelenmediği için bunu tekrar ziyaret ediyorum.

Rxjs 6.0 ile Angular 6 çalıştırıyorum ve bu hatayla karşılaştım.

İşte bunu düzeltmek için yaptım:

Değiştim

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

basitçe:

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

Düzeltmeyi burada buldum:

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

bu komutu projenizin vs kod terminaline yazın ve projeyi yeniden başlatın.

npm install rxjs-compat

Bunu mapyazarak operatörü içe aktarmanız gerekir :

import 'rxjs/add/operator/map';

Açısal 7v için

Değişiklik

import 'rxjs/add/operator/map';

için

import { map } from "rxjs/operators"; 

Ve

 return this.http.get('http://localhost/ionicapis/public/api/products')
 .pipe(map(res => res.json()));

Açısal 2.0.1 ile aynı sorunu yaşadım çünkü Gözlemlenebilir'i içe aktarıyordum

import { Observable } from 'rxjs/Observable';

Bunun yerine Gözlemlenebilir'i içe aktarma sorunumu çözdüm

import { Observable } from 'rxjs';

Rxjs 6'da harita operatörü kullanımı şimdi değiştirildi.

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

Referans için https://www.academind.com/learn/javascript/rxjs-6-what-changed/#operators-update-path

sadece terminalde rxjs-compat yükleyin:

npm install --save rxjs-compat

ardından içe aktarın:

import 'rxjs/Rx';

En son Açısal 7. *. * 'De bunu basitçe şu şekilde deneyebilirsiniz:

import { Observable, of } from "rxjs";
import { map, catchError } from "rxjs/operators";

Ve sonra bunları methodsaşağıdaki gibi kullanabilirsiniz :

   private getHtml(): Observable<any> {
    return this.http.get("../../assets/test-data/preview.html").pipe(
      map((res: any) => res.json()),
      catchError(<T>(error: any, result?: T) => {
        console.log(error);
        return of(result as T);
      })
    );
  }

Daha fazla ayrıntı için bu demoya göz atın .

import { map } from "rxjs/operators";

getGetFunction(){
this.http.get('http://someapi')
.pipe(map(res => res));
}

getPostFunction(yourPara){
this.http.get('http://someapi',yourPara)
.pipe(map(res => res));
}

Yukarıdaki işlevde ben im HttpClient kullanarak beri res.json () kullanmak vermedi görebilirsiniz. Res.json () öğesini otomatik olarak uygular ve Gözlemlenebilir (HttpResponse <string>) öğesini döndürür. HttpClient'teki açısal 4'ten sonra artık bu işlevi kendiniz çağırmanıza gerek yok.

Benim durumumda sadece harita ve söz vermek yeterli olmaz:

import 'rxjs/add/operator/map';
import 'rxjs/add/operator/toPromise';

Resmi belgelerin önerdiği gibi birkaç rxjs bileşenini içe aktararak bu sorunu çözdüm :

1) İfadeleri bir app / rxjs-operators.ts dosyasına aktarın:

// import 'rxjs/Rx'; // adds ALL RxJS statics & operators to Observable

// See node_module/rxjs/Rxjs.js
// Import just the rxjs statics and operators we need for THIS app.

// Statics
import 'rxjs/add/observable/throw';

// Operators
import 'rxjs/add/operator/catch';
import 'rxjs/add/operator/debounceTime';
import 'rxjs/add/operator/distinctUntilChanged';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/switchMap';
import 'rxjs/add/operator/toPromise';

2) Hizmetinizde rxjs-operatörünün kendisini içe aktarın:

// Add the RxJS Observable operators we need in this app.
import './rxjs-operators';

Aynı sorun vardı, eski bir daktilo sürümü olan Visual studio 2015 kullanıyordum.

Uzantıyı yükselttikten sonra sorun çözüldü.

İndirme: {link

Açısal 5.2 kullanıyorum ve kullandığımda import 'rxjs/Rx';bana aşağıdaki tüy bırakma hatası atıyor: TSLint: Bu içe aktarma kara listeye alındı, bunun yerine bir alt modül içeri aktar (import-blacklist)

Aşağıdaki ekran görüntüsüne bakın:

ÇÖZÜM: Yalnızca ihtiyacım olan operatörleri içe aktararak çözdüm . Aşağıdaki örnek:

import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch';

Yani düzeltme sadece gerekli operatörleri almak olacaktır.

Sorunu çözmek için rxjs-compat'u kurmanız yeterli

npm i rxjs-compat --save-dev

Ve aşağıdaki gibi içe aktarın

import 'rxjs/Rx';

Her şeyden önce kurulumu aşağıdaki gibi çalıştırın:

npm install --save rxjs-compat@6

Şimdi ithalat gerekir rxjsin service.ts:

import 'rxjs/Rx'; 

İşte bu kadar! Sorun giderildi.

sadece çalıştırın npm install --save rxjs-compathatayı düzeltir.

Burada tavsiye edilir

Hiçbiri işe yaramadı, yukarıda gönderilen tüm olası cevapları denedim

Ben sadece IDE yani Visual Studio Code yeniden başlatarak çözüldü

Birine yardım etsin.

Ben de aynı hatayla karşılaştım. Benim için çalıştı bir çözüm sizin şu satırları eklemek oldu service.ts dosya yerine ait import 'rxjs/add/operator/map':

import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';

Örneğin, hata ayıklamadan sonra app.service.ts'im şöyleydi ,

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

@Injectable()
export class AppService {
    constructor(private http: HttpClient) {}
    getData(): Observable<any> {
        return this.http.get('https://samples.openweathermap.org/data/2.5/history/city?q=Warren,OH&appid=b6907d289e10d714a6e88b30761fae22')
        .pipe(map(result => result));
    }
}

'Rxjs / add / operator / map' dosyasını içe aktardıktan sonra veya 'rxjs / Rx' dosyasını içe aktardıktan sonra aynı hatayı alıyorsanız, görsel stüdyo kod düzenleyicinizi yeniden başlatın, hata çözülecektir.

bu sorunu yaşayan tüm linux kullanıcıları için, rxjs-compat klasörünün kilitli olup olmadığını kontrol edin. Ben de aynı sorunu vardı ve ben terminal gitti, sudo su tüm rxjs-compat klasörüne izin vermek için kullanılır ve düzeltildi. İçe aktardığınız varsayılıyor

import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch'; 

özgün .map hatasının oluştuğu project.ts dosyasında.

İşlevdeki mapişlevi kullanın ve pipesorununuzu çözecektir. Belgeleri buradan kontrol edebilirsiniz .

this.items = this.afs.collection('blalal').snapshotChanges().pipe(map(changes => {
  return changes.map(a => {
    const data = a.payload.doc.data() as Items;
    data.id = a.payload.doc.id;
    return data;
  })
})

npm install rxjs @ 6 rxjs-compat @ 6 - kaydetme

  import { Injectable } from '@angular/core';
  import { Http } from '@angular/http';
  import 'rxjs/add/operator/map';

  @Injectable({
  providedIn: 'root'
  })
  export class RestfulService {

  constructor(public http: Http) { }

 //access apis Get Request 
 getUsers() {
 return this.http.get('http://jsonplaceholder.typicode.com/users')
  .map(res => res.json());
  }

 }

komutu çalıştır

 npm install rxjs-compat 

Sadece içe aktarıyorum

 import 'rxjs/add/operator/map';

vs kodu yeniden başlatın, sorun çözüldü.

Açısal yeni sürüm .map'i desteklemiyor. not: bu satırları içe aktarmayı unutmayın.

import { Observable, Subject } from 'rxjs';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch';