导入单个 rxjs 运算符不使用 react 和 webpack

Question

我将 redux-observable 用于 react 应用，使用 webpack 进行捆绑。

当我包含来自 rxjs 的特定运算符时，例如

import 'rxjs/add/operator/mapTo';

它不起作用并引发错误

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

但是当我包含完整的 rxjs 库时，它可以工作

import 'rxjs';

导入特定运算符时，我的 js 包确实包含 mapTo 代码，但这些方法未包含在 Observable 原型中。我正在使用 webpack 进行捆绑。在 webpack 中导入特定的 operator 我们需要做一些特殊的事情吗？

代码：

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

问题很可能是您不小心拥有两个 RxJS 副本。这可能在几种情况下发生，但在您的特定情况下，这听起来很可能是a recently reported issue in rxjs。从 5.5.1 开始，该特定问题已得到修复（5.5.2 现在是最新版本）。

确保您已安装 RxJS 5.5.1 或更高版本 - 如果您的 semver 范围很广，您可能需要删除您的 node_modules 并重新安装以在本地获取更新的版本。您还可以通过查看 node_modules/rxjs/package.json 的 "version" 字段（通常位于底部）进行三重检查