Bagaimana untuk Membetulkan Ralat \'this.http.get(...).map is not a function\' dalam Angular?

Angular HTTP GET dengan TypeScript: Menyelesaikan "this.http.get(...).map is not a function" Ralat

Dalam aplikasi Angular, apabila bekerja dengan permintaan HTTP, adalah perkara biasa untuk menghadapi ralat "this.http.get(...).map is not a function". Isu ini berlaku apabila cuba menggunakan pengendali peta pada respons permintaan HTTP GET.

Untuk menyelesaikan ralat ini, satu penyelesaian ialah mengimport pengendali peta RxJS yang diperlukan. Tambahkan baris berikut pada kod anda:

import 'rxjs/add/operator/map';

Pernyataan import ini akan menjadikan operator peta tersedia untuk digunakan dengan Observables.

Sebagai alternatif, anda boleh mengimport semua operator RxJS dengan menambah baris berikut :

import 'rxjs/Rx';

Nota: Mengimport semua pengendali boleh menjejaskan saiz dan beban berkas kali disebabkan oleh kemasukan lebih 50 pengendali.

Satu lagi potensi punca ralat ini ialah terlupa untuk menambah penghias @Injectable() pada kelas perkhidmatan. Pastikan kelas perkhidmatan anda termasuk penghias @Injectable() untuk membenarkan Angular menyuntiknya ke dalam aplikasi.

Dengan menangani isu ini, anda boleh menyelesaikan "this.http.get(...).map bukan ralat fungsi" dan berjaya menggunakan pengendali peta dalam aplikasi Sudut anda.

Atas ialah kandungan terperinci Bagaimana untuk Membetulkan Ralat \'this.http.get(...).map is not a function\' dalam Angular?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!