RxJS6中mergeMap报‘期望流却提供无效对象’错误排查

嘿，我之前在RxJS从v5迁到v6的时候也踩过这个一模一样的坑！明明of('baz')是正经的Observable，却报这个错，当时我也懵了半天，后来才发现问题出在导入方式上——这是v5到v6迁移时最容易忽略的变化之一。

核心原因：RxJS v6的导入规则大改 #

RxJS v6彻底重构了API的导入逻辑，和v5完全不一样：

• 像of、from这种用来创建Observable的方法，必须从rxjs根目录导入
• 像mergeMap、map、filter这种pipeable操作符，必须从rxjs/operators导入

如果你还是按照v5的习惯（比如从rxjs直接导入mergeMap），或者不小心导入了错误的模块，就会导致pipe接收到的不是正确的操作符，内部处理时就会把你的Observable当成无效对象抛出错误——哪怕你的of('baz')本身完全没问题。

正确的代码写法 #

把导入路径改对，问题立刻就能解决：

// 正确导入RxJS v6的API
import { of } from 'rxjs';
import { mergeMap } from 'rxjs/operators';

of('foobar').pipe(
  mergeMap(() => of('baz'))
).subscribe(console.log); // 现在会正常输出"baz"

其他可能的排查点 #

如果改了导入还是报错，可以检查这几个地方：

• 有没有同时装了RxJS v5和v6？用npm list rxjs看看依赖树，确保只有v6版本存在，版本冲突也会导致这种奇怪的错误
• 要是在Angular项目里，得确认你的@angular/cli和@angular-devkit/build-angular版本和RxJS v6兼容（Angular 6及以上才适配RxJS v6）
• 有没有装rxjs-compat？这个包是用来兼容v5旧代码的，如果你已经完全迁移到v6的pipe写法，建议移除它，避免干扰

内容的提问来源于stack exchange，提问作者DarkLeafyGreen