Observable.ofは関数ではありません

Observable.ofプロジェクトのインポート機能に問題があります。私のIntellijはすべてを見ています。私のコードでは：

import {Observable} from 'rxjs/Observable';

そして私のコードではそれをそのように使用します：

return Observable.of(res);

何か案は？

実際、私は台無しにした輸入品を持っています。RxJSの最新バージョンでは、次のようにインポートできます。

import 'rxjs/add/observable/of';

Angular 6 / rxjs 6の使用中に誰かがこの問題を抱えている場合は、ここで回答を参照してください： RxJs 6とAngular 6でObservable.ofを使用できませんでした

つまり、次のようにインポートする必要があります。

import { of } from 'rxjs';

そして呼び出す代わりに

Observable.of(res);

ただ使う

of(res);

奇妙に聞こえるかもしれませんが、私にとってはのインポートパスで「O」を大文字にすることが重要でしたimport {Observable} from 'rxjs/Observable。observable_1.Observable.of is not a functionからオブザーバブルをインポートすると、エラーメッセージが表示されたままになりますrxjs/observable。奇妙ですが、それが他の人の役に立つことを願っています。

Angular 6/7を使用している場合

import { of } from 'rxjs';

そして呼び出す代わりに

Observable.of(res);

ただ使う

of(res);

私のばかげた間違いは、私が/addオブザーバブルを必要とするときに追加するのを忘れたということでした。

だった：

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

rxjs/observable/of実際には、ファイルが存在するため、見た目は問題ありません。

する必要があります：

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

何らかの理由でパッチが機能しなかったため、この方法を使用する必要がありました。

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

// ...

return of(res)

追加するだけで、

それらの多くを使用している場合は、すべてを使用してインポートできます

import 'rxjs/Rx'; 

@Thierry Templierが述べたように。しかし、私はあなたが制限された演算子を使用しているなら、あなたは次のような個々の演算子をインポートするべきだと思います

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

@ukszで言及されています。

「rxjs / Rx」は、確実にパフォーマンスを犠牲にするすべてのRxコンポーネントをインポートするためです。

この方法ですべての演算子をインポートすることもできます。

import {Observable} from 'rxjs/Rx';

Angular 5.2とRxJS 5.5.6を使用しています

このコードは機能しませんでした：

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

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

      }

以下のコードは機能しました：

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

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

      }

呼び出し方法：

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

RxJS 5.5.2で機能が移動/変更された可能性があると思います

これは正しく動作するはずです。

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からAngular 6 / Rxjs 6にアップグレードしましたか？

インポートとインスタンス化を変更する必要があります。Damienのブログ投稿をご覧ください。

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

RxJSライブラリのバージョン6にアップグレードし、rxjs-compatパッケージを使用しない場合は、次のコード

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

に変更する必要があります

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

今日私はこの問題を抱えていました。systemjsを使用して依存関係をロードしています。

私はこのようにRxjsをロードしていました：

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

パスを使用する代わりに、これを使用します。

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

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

systemjsがライブラリをロードする方法のこの小さな変更は、私の問題を修正しました。

Angular 5+の場合：

import { Observable } from 'rxjs/Observable';うまくいくはずです。import { Observer } from 'rxjs/Observer';オブザーバーを使用している場合、オブザーバーパッケージもインポートと一致する必要があります。

import {<something>} from 'rxjs'; 巨大なインポートを行うので、それを避ける方が良いです。

私（Angular 5およびRxJS 5）の場合、オートコンプリートのインポートが推奨されています。

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

すべての静的オペレーターと（する必要がありながらfrom、of、電気ショック療法作業罰金：

import { Observable } from 'rxjs/Observable';

import 'rxjs/add/observable/of';

rxjs-compatの要件を示しています

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

これはインストールしていません。によってインストール

npm install rxjs-compat --save-dev

そして、再実行して私の問題を修正しました。

でrxjsV6、ofオペレータは次のようにインポートする必要がありますimport { of } from 'rxjs';

どういうわけかウェブストームでさえこのようにしimport {of} from 'rxjs/observable/of'; 、すべてが機能し始めました