Observable.of bir işlev değildir

Projemdeki Observable.offonksiyonu içe aktarma konusunda sorun yaşıyorum . Intellij'im her şeyi görüyor. Kodumda var:

import {Observable} from 'rxjs/Observable';

ve benim kodda böyle kullanın:

return Observable.of(res);

Herhangi bir fikir?

Aslında ithalatı berbat ettim. RxJS'nin son sürümünde şu şekilde içe aktarabiliriz:

import 'rxjs/add/observable/of';

Angular 6 / rxjs 6 kullanırken kimse bu sorunu yaşıyorsa, aşağıdaki yanıtlara bakın: RxJs 6 ve Angular 6'da Observable.of kullanılamadı

Kısacası, şu şekilde içe aktarmanız gerekir:

import { of } from 'rxjs';

Ve sonra aramak yerine

Observable.of(res);

sadece kullan

of(res);

Her ne kadar kesinlikle garip gelse de, benimle ithalat yolundaki 'O' harfinden yararlanmak önemliydi import {Observable} from 'rxjs/Observable. observable_1.Observable.of is not a functionBen Gözlemlenebilir gelen alırsanız hata iletisi var kalır rxjs/observable. Garip ama umarım başkalarına yardımcı olur.

Açısal 6/7 kullanıyorsanız

import { of } from 'rxjs';

Ve sonra aramak yerine

Observable.of(res);

sadece kullan

of(res);

Aptalca hatam, /addgözlemlenebilir olanı gerektirdiğinde eklemeyi unuttum .

was:

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

rxjs/observable/ofAslında görsel olarak Tamam görünüyor çünkü dosya var.

Olmalı:

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

Yama ne olursa olsun benim için çalışmadı, bu yüzden bu yönteme başvurmak zorunda kaldım:

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

// ...

return of(res)

Sadece eklemek için,

bunların çoğunu kullanıyorsanız,

import 'rxjs/Rx'; 

@Trierry Templier tarafından belirtildiği gibi. Ama sanırım sınırlı operatör kullanıyorsanız

import 'rxjs/add/operator/filter';
import 'rxjs/add/operator/mergeMap';
import 'rxjs/add/observable/of';

@uksz tarafından belirtildiği gibi.

Çünkü 'rxjs / Rx', kesinlikle performansa mal olan tüm Rx bileşenlerini içe aktaracaktır.

Ayrıca tüm operatörleri şu şekilde içe aktarabilirsiniz:

import {Observable} from 'rxjs/Rx';

Açısal 5.2 ve RxJS 5.5.6 kullanıyorum

Bu kod vermedi değil çalışır:

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

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

      }

Aşağıdaki kod çalıştı:

    import { Observable } from 'rxjs/Observable';
    import { Subscriber } from 'rxjs/Subscriber';

     getHeroes(): Observable<Hero[]> 
     {
          return Observable.create((observer: Subscriber<any>) => {
              observer.next(HEROES);
              observer.complete();
          });

      }

Arama yöntemi:

this.heroService.getHeroes()
      .subscribe(heroes => this.heroes = heroes);

Bence onlar RxJS 5.5.2 () işlevselliği taşınmış / değiştirilmiş olabilir

Bu düzgün çalışmalıdır sadece deneyin.

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

// "rxjs": "^5.5.10"
import { of } from 'rxjs/observable/of';

.... 
return of(res)

Angular 5 / Rxjs 5'ten Angular 6 / Rxjs 6'ya mı yükseltildi?

İçe aktarma işleminizi ve örneklemenizi değiştirmelisiniz. Damien'ın blog gönderisine göz at

Tl; dr:

import { Observable, fromEvent, of } from 'rxjs';

const yourResult = Observable
    .create(of(yourObservable))
    .startWith(null)
    .map(x => x.someStringProperty.toLowerCase());

//subscribe to keyup event on input element
Observable
    .create(fromEvent(yourInputElement, 'keyup'))
    .debounceTime(5000)
    .distinctUntilChanged()
    .subscribe((event) => {
        yourEventHandler(event);
    });

RxJS 6

RxJSKütüphanenin 6. sürümüne yükseltme yaparken ve rxjs-compatpaketi kullanmadığınızda aşağıdaki kod

import 'rxjs/add/observable/of';   
  // ...
  return Observable.of(res);

değiştirilmeli

import { of } from 'rxjs';
  // ...
  return of(res);

Benim için (Açısal 5 ve RxJS 5) otomatik tamamlama içe aktarma önerdi:

import { Observable } from '../../../../../node_modules/rxjs/Observable';

tüm statik operatörleri ile (olması gerekirken from, of, vb çalışma cezası:

import { Observable } from 'rxjs/Observable';

Bugün bu problemim vardı. Bağımlılıkları yüklemek için systemjs kullanıyorum.

Ben böyle Rxjs yüklüyordu:

...
    paths: {
        "rxjs/*": "node_modules/rxjs/bundles/Rx.umd.min.js"
    },
...

Kullanım yolları yerine şunu kullanın:

var map = {
...
'rxjs':                       'node_modules/rxjs',
...
}

var packages = {
...
'rxjs': { main: 'bundles/Rx.umd.min.js', defaultExtension: 'js' }
...
}

Systemjs'in kütüphaneyi yükleme biçimindeki bu küçük değişiklik sorunumu düzeltti.

Açısal 5+ için:

import { Observable } from 'rxjs/Observable';çalışmalı. Gözlemci paketi import { Observer } from 'rxjs/Observer';,

import {<something>} from 'rxjs'; büyük bir ithalat yapar, bundan kaçınmak daha iyidir.

import 'rxjs/add/observable/of';

rxjs-compat gereksinimini gösterir

require("rxjs-compat/add/observable/of");

Bunu yüklemedim. Yükleyen

npm install rxjs-compat --save-dev

ve rerunning sorunumu düzeltti.

In rxjsv6, ofoperatör olarak ithal edilmelidirimport { of } from 'rxjs';

Bir şekilde Webstorm bile böyle yaptı import {of} from 'rxjs/observable/of'; ve her şey çalışmaya başladı