Observable.of ist keine Funktion

Ich habe Probleme mit der Importfunktion Observable.ofin meinem Projekt. Mein Intellij sieht alles. In meinem Code habe ich:

import {Observable} from 'rxjs/Observable';

und in meinem Code benutze ich es so:

return Observable.of(res);

Irgendwelche Ideen?

Eigentlich habe ich Importe durcheinander gebracht. In der neuesten Version von RxJS können wir es so importieren:

import 'rxjs/add/observable/of';

Wenn jemand dieses Problem bei der Verwendung von Angular 6 / rxjs 6 hat, lesen Sie die Antworten hier: Observable.of konnte in RxJs 6 und Angular 6 nicht verwendet werden

Kurz gesagt, Sie müssen es wie folgt importieren:

import { of } from 'rxjs';

Und dann anstatt anzurufen

Observable.of(res);

benutz einfach

of(res);

Obwohl es absolut seltsam klingt, war es für mich wichtig, das 'O' im Importpfad von groß zu schreiben import {Observable} from 'rxjs/Observable. Die Fehlermeldung mit observable_1.Observable.of is not a functionbleibt vorhanden, wenn ich das Observable aus importiere rxjs/observable. Seltsam, aber ich hoffe, es hilft anderen.

Wenn Sie Angular 6/7 verwenden

import { of } from 'rxjs';

Und dann anstatt anzurufen

Observable.of(res);

benutz einfach

of(res);

Mein dummer Fehler war, dass ich vergessen habe hinzuzufügen /add wenn das Observable benötigte.

War:

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

Was optisch gut aussieht, weil rxjs/observable/of Datei tatsächlich existiert.

Sollte sein:

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

Das Patchen funktionierte aus irgendeinem Grund nicht für mich, daher musste ich auf diese Methode zurückgreifen:

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

// ...

return of(res)

Nur um hinzuzufügen,

Wenn Sie viele davon verwenden, können Sie alle mit importieren

import 'rxjs/Rx'; 

wie von @Thierry Templier erwähnt. Aber ich denke, wenn Sie einen begrenzten Operator verwenden, sollten Sie einzelne Operatoren wie importieren

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

wie von @uksz erwähnt.

Weil 'rxjs / Rx' alle Rx-Komponenten importiert, die definitiv Leistung kosten.

Sie können auch alle Operatoren folgendermaßen importieren:

import {Observable} from 'rxjs/Rx';

Ich verwende Angular 5.2 und RxJS 5.5.6

Dieser Code hat nicht funktioniert:

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

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

      }

Der folgende Code hat funktioniert:

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

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

      }

Aufrufmethode:

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

Ich denke, sie könnten die () Funktionalität in RxJS 5.5.2 verschoben / geändert haben

Dies sollte richtig funktionieren, versuchen Sie es einfach.

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

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

.... 
return of(res)

Upgrade von Angular 5 / Rxjs 5 auf Angular 6 / Rxjs 6?

Sie müssen Ihre Importe und Ihre Instanziierung ändern. Schauen Sie sich Damiens Blog-Beitrag an

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

Wenn Sie auf Version 6 der RxJSBibliothek aktualisieren und das rxjs-compatPaket nicht verwenden , geben Sie den folgenden Code ein

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

muss geändert werden in

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

Ich hatte heute dieses Problem. Ich verwende systemjs, um die Abhängigkeiten zu laden.

Ich habe die Rxjs wie folgt geladen:

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

Verwenden Sie anstelle von Pfaden Folgendes:

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

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

Diese kleine Änderung in der Art und Weise, wie systemjs die Bibliothek lädt, hat mein Problem behoben.

Für Angular 5+:

import { Observable } from 'rxjs/Observable';sollte arbeiten. Das Beobachterpaket sollte auch mit dem Import übereinstimmen, import { Observer } from 'rxjs/Observer';wenn Sie Beobachter verwenden

import {<something>} from 'rxjs'; macht einen großen Import, also ist es besser, es zu vermeiden.

Für mich (Angular 5 & RxJS 5) schlug der Autocomplete-Import vor:

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

während auf (mit allen statischen Operatoren sein sollte from, ofect adaequat:

import { Observable } from 'rxjs/Observable';

import 'rxjs/add/observable/of';

zeigt eine Anforderung von rxjs-kompatibel

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

Ich hatte dies nicht installiert. Installiert von

npm install rxjs-compat --save-dev

und erneutes Ausführen hat mein Problem behoben.

In rxjsVersion 6 sollte der ofOperator als importiert werdenimport { of } from 'rxjs';

Irgendwie hat es sogar Webstorm so gemacht import {of} from 'rxjs/observable/of'; und alles fing an zu funktionieren