reactとwebpackで動作しない単一のrxjs演算子をインポートする

Question

私はreactアプリケーションとwebpackを束縛するためにredux-observableを使用しています。私は

import 'rxjs/add/operator/mapTo'; 

ようrxjsから特定のオペレータを含む場合

それは動作し、エラー

TypeError: action$.ofType(...).mapTo is not a function. 

をスローしかし、私は完全なrxjsライブラリが含まれている場合、それは

import 'rxjs'; 

の作品はありません

特定の演算子をインポートするとき、jsバンドルにmapToコードが含まれていますが、メソッドはnoですObservableプロトタイプに含まれるようになりました。私はバンドルのためにwebpackを使用しています。 webpackの特定の演算子をインポートするために特別な処理を行う必要がありますか？

コード：

import { combineEpics } from 'redux-observable'; 
import { BehaviorSubject } from 'rxjs/BehaviorSubject'; 
import 'rxjs/add/operator/mergeMap'; 
import 'rxjs/add/operator/mapTo'; 

const PING = 'PING'; 
const PONG = 'PONG'; 

const pingEpic = action$ => { 
    const obser = action$.ofType(PING); 
    return obser.mapTo({ type: PONG }); 
} 

export const epic$ = new BehaviorSubject(combineEpics(pingEpic)); 
export const createRootEpic = (action$, store) => 
epic$.mergeMap(epic => 
    epic(action$, store) 
); 

---

更新：

mapTo方法はBehaviorSubjectオブジェクトに利用可能である（epic$.mapToが利用可能である）ではないにActionsObservableオブジェクト（action$.mapToは、関数ではありません） 。

Answer 1

問題は、誤って2つのRxJSのコピーがある可能性が高いです。これはいくつかの状況で発生する可能性がありますが、具体的にはa recently reported issue in rxjsになる可能性が高いです。この特定の問題は5.5.1で修正されました（5.5.2が最新です）。

RxJS 5.5.1以上がインストールされていることを確認してください。ノード範囲が広い場合は、node_modulesを削除して、新しいバージョンをローカルに取得する必要があります。また、node_modules/rxjs/package.jsonの"version"フィールド（通常は最下部）を確認することでトリプルチェックが可能です