Angular - “tidak memiliki anggota yang diekspor 'Dapat diamati'”

Kode skrip:

import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { of } from 'rxjs/observable/of';
import { Hero } from './hero';
import { HEROES } from './mock-heroes';

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

  constructor() { }

  getHeroes(): Observable<Hero[]> {
    return of(HEROES);
  }

}

info kesalahan:

kesalahan TS2307: Tidak dapat menemukan modul 'rxjs-compat / Observable'. node_modules / rxjs / observable / of.d.ts (1,15): error TS2307: Tidak dapat menemukan modul 'rxjs-compat / observable / of'. src / app / hero.service.ts (2,10): error TS2305: Module '"F: / angular-tour-of-heroes / node_modules / rxjs / Observable"' tidak memiliki anggota yang diekspor 'Diobservasi'. src / app / hero.service.ts (15,12): error TS2304: Tidak dapat menemukan nama 'of'.

package.json file dengan versi Angular:

Ini mungkin membantu dalam Angular 6 untuk info lebih lanjut merujuk Dokumen ini

1. rxjs: Metode pembuatan, tipe, penjadwal, dan utilitas

import {Dapat Diamati, Subjek, sesegera mungkin Penjadwal, pipa, dari, dari, interval, menggabungkan, dariEvent} dari 'rxjs';

2. rxjs / operator : Semua operator pipa:

impor {peta, filter, pindai} dari 'rxjs / operator';

3. rxjs / webSocket: Implementasi subjek soket web

impor {webSocket} dari 'rxjs / webSocket';

4. rxjs / ajax : Implementasi Rx ajax

impor {ajax} dari 'rxjs / ajax';

5. rxjs / testing : Utilitas pengujian

impor {TestScheduler} dari 'rxjs / testing';

Rupanya (seperti yang Anda tunjukkan di log kesalahan), setelah memperbarui ke Angular 6.0.0 rxjs-compat hilang.

Jalankan npm install rxjs-compat --saveuntuk menginstal. Haruskah memperbaikinya.

Cukup cantumkan:

import { Observable} from 'rxjs';

Seperti itu. Tidak lebih atau kurang.

Saya mengganti kode asli dengan import { Observable, of } from 'rxjs', dan masalahnya selesai.

Anda menggunakan RxJS 6. Ganti saja

import { Observable } from 'rxjs/Observable';
import { of } from 'rxjs/observable/of';

oleh

import { Observable, of } from 'rxjs';

Coba ini:

npm install rxjs-compat --save

Yang membantu saya adalah:

1. Singkirkan semua jalur impor lama dan ganti dengan yang baru seperti ini:

   import { Observable , BehaviorSubject } from 'rxjs';)

2. Hapus node_modulesfolder

3. npm cache verify
4. npm install

Saya punya masalah serupa. Memperbaiki kembali RXJS dari 6.x ke rilis 5.x terbaru memperbaikinya untuk Angular 5.2.x.

Buka package.json.

Ubah "rxjs": "^6.0.0",ke"rxjs": "^5.5.10",

Lari npm update

Hapus saja /Observable dari'rxjs/Observable';

Jika Anda mendapatkan Cannot find module 'rxjs-compat/Observable'begitu saja di bawah garis ke terminal thr dan tekan enter.

npm install --save rxjs-compat

Resolusi saya menambahkan impor berikut: import { of } from 'rxjs/observable/of';

Jadi kode keseluruhan hero.service.ts setelah perubahan adalah:

import { Injectable } from '@angular/core';
import { Hero } from './hero';
import { HEROES } from './mock-heroes';
import { of } from 'rxjs/observable/of';
import {Observable} from 'rxjs/Observable';

@Injectable()
export class HeroService {

  constructor() { }

  getHeroes(): Observable<Hero[]> {
    return of(HEROES);
  }
}

Itu angular-split komponen tidak didukung di sudut 6, sehingga untuk membuatnya kompatibel dengan sudut 6 install berikut ketergantungan dalam aplikasi Anda

Agar ini berfungsi sampai diperbarui gunakan:

"dependencies": {
"angular-split": "1.0.0-rc.3",
"rxjs": "^6.2.2",
    "rxjs-compat": "^6.2.2",
}

Dalam kasus saya kesalahan ini terjadi karena saya memiliki versi lama ng cli di komputer saya.

Masalah terpecahkan setelah berjalan:

ng update

ng update @angular/cli

Perbarui versi angular-in-memory-web-api . Versi default angular-in-memory-web-api yang diinstal selama tutorial angular-tour-of-heroes adalah 0.4. Itu bekerja seperti pesona dalam kasus saya. (Menggunakan Angular 7 dengan RxJS 6)

npm i angular-in-memory-web-api@0.8.0

menggunakan return Observable.of(HEROES);