Açısal - “ihraç üyesi 'Gözlenebilir' yok”

Yazı kodu:

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

}

hata bilgisi:

hata TS2307: 'rxjs-compat / Observable' modülü bulunamıyor. node_modules / rxjs / visible / of.d.ts (1,15): hata TS2307: 'rxjs-uyumlu / gözlemlenebilir / of' modülü bulunamıyor. src / app / hero.service.ts (2,10): hata TS2305: '' F: / Açısal kahraman turu / node_modules / rxjs / Observable "'modülünün dışa aktarılmış üyesi' Gözlemlenebilir 'yok. src / app / hero.service.ts (15,12): hata TS2304: 'of' adı bulunamıyor.

package.json Açısal versiyonlu dosya:

Bu yararlı olabilir açısal 6 bu bkz fazla bilgi için Dokümanı

1. rxjs: Oluşturma yöntemleri, türleri, zamanlayıcıları ve yardımcı programları

'rxjs' den aralık, birleştirme, fromEvent} öğesinden import {Observable, Subject, asapScheduler, pipe,;

2. rxjs / operatörleri : Tüm borlanabilir operatörler:

'rxjs / operatörlerden' {map, filter, scan} dosyasını içe aktarın;

3. rxjs / webSocket: Web soketi konu uygulaması

'rxjs / webSocket' öğesinden {webSocket} dosyasını içe aktarın;

4. rxjs / ajax : Rx ajax uygulaması

'rxjs / ajax' klasöründen {ajax} dosyasını içe aktarın;

5. rxjs / testing : Test yardımcı programları

'rxjs / testing' den {TestScheduler} dosyasını içe aktarın;

Görünüşe göre (hata günlüğüne işaret ettiğiniz gibi), Angular 6.0.0'a yükselttikten sonra rxjs-compat eksik.

npm install rxjs-compat --saveYüklemek için çalıştırın . Düzeltmeli.

Sadece koy:

import { Observable} from 'rxjs';

Aynen böyle. Az ya da çok bir şey yok.

Orijinal kodu ile değiştirdim import { Observable, of } from 'rxjs've sorun çözüldü.

RxJS 6 kullanıyorsunuz. Sadece değiştirin

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

tarafından

import { Observable, of } from 'rxjs';

Bunu dene:

npm install rxjs-compat --save

Bana yardımcı olan şey:

1. Tüm eski içe aktarma yollarından kurtulun ve bunları aşağıdaki gibi yenileriyle değiştirin:

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

2. node_modulesKlasörü sil

3. npm cache verify
4. npm install

Benzer bir sorunum vardı. 6.x'ten en son 5.x sürümüne geri dönen RXJS, Açısal 5.2.x için düzeltildi.

Package.json dosyasını açın.

Değişim "rxjs": "^6.0.0",için"rxjs": "^5.5.10",

Çalıştırmak npm update

Hemen kaldır /Observabledan'rxjs/Observable';

Daha sonra Cannot find module 'rxjs-compat/Observable'terminalin altına sadece aşağıdaki satırı koyarsanız enter tuşuna basın.

npm install --save rxjs-compat

Çözümüm şu içe aktarmayı ekliyordu: import { of } from 'rxjs/observable/of';

Yani değişiklikten sonra genel hero.service.ts kodu:

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

angular-splitBileşeni böylece uygulamada bağımlılık aşağıdaki açısal 6 ile uyumlu hale getirmek yüklemek için, açısal 6 desteklenmez

Güncellenene kadar bu işlemi yapmak için şunu kullanın:

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

Benim durumumda bu hata oluştu çünkü bilgisayarımda ng cli eski bir sürümü vardı.

Sorun çalıştırıldıktan sonra çözüldü:

ng update

ng update @angular/cli

Güncelleme açısal-in-hafıza-web API sürümü. Kahramanların açısal turu sırasında yüklenen varsayılan açısal-bellek-web-api sürümü 0.4 idi. Benim durumumda bir cazibe gibi çalıştı. (RxJS 6 ile Açısal 7'yi kullanma)

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

kullanım return Observable.of(HEROES);