Mengapakah `this.http.get(...).map` bukan fungsi dalam Angular?

TypeError: this.http.get(...).map bukan fungsi dalam [null]

Masalah

Anda mengalami ralat semasa cuba menggunakan pengendali peta pada respons HTTP GET dalam Angular. Mesej ralat menunjukkan bahawa fungsi peta tidak dikenali dalam objek respons HTTP.

Penyelesaian

Untuk menyelesaikan isu ini, anda perlu mengimport pengendali peta daripada rxjs/add/operator/ modul peta. Ini akan menyediakan fungsi peta sebagai kaedah lanjutan untuk objek respons HTTP.

import 'rxjs/add/operator/map'; // Import the map operator

Sebagai alternatif, anda boleh mengimport semua operator daripada rxjs dengan menggunakan pernyataan import berikut, yang akan mengurangkan keperluan untuk mengimport pengendali khusus secara individu:

import 'rxjs/Rx'; // Import all RxJS operators (WARNING: This will significantly increase your bundle size)

Ini akan menambah semua pengendali yang diperlukan, termasuk peta, ke ruang nama global. Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa mengimport semua operator boleh meningkatkan saiz berkas aplikasi anda dengan ketara.

Pertimbangan Tambahan

Pastikan anda mempunyai versi Angular dan Angular yang betul RxJS dipasang. Ralat ini juga boleh berlaku jika anda mempunyai ketidakpadanan antara versi pustaka ini. Rujuk dokumentasi rasmi untuk versi terkini dan keperluan keserasian.

Atas ialah kandungan terperinci Mengapakah `this.http.get(...).map` bukan fungsi dalam Angular?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!