如何让Observable.of([]);生效？求正确表达式与导入方式

首先得明确：RxJS的版本不同，写法和导入方式差异很大，这应该就是你遇到问题的核心原因。

情况1：你使用的是RxJS 6+（当前主流版本） #

在RxJS 6及以后的版本里，官方重构了API，把Observable.of这类静态方法改成了独立的函数，所以你需要这样写：

正确的导入与代码 #

// 直接导入独立的of函数
import { of } from 'rxjs';

// 不需要再通过Observable调用，直接使用of函数
const emptyArrayObservable = of([]);

// 订阅测试一下，确认能正常输出
emptyArrayObservable.subscribe(arr => {
  console.log('输出的数组：', arr); // 会打印 []
});

你说import { of } from 'rxjs'无法生效？可以排查这几点：

• 先确认项目里已经正确安装了rxjs：执行npm install rxjs --save（或yarn/pnpm对应命令）
• 检查你的代码里是不是还在写Observable.of([])——RxJS6+已经移除了这个写法，必须直接用of([])
• 如果是TypeScript项目，确保tsconfig.json里的module配置支持ES模块（比如"module": "ESNext"或"CommonJS"）

情况2：你维护的是旧项目，使用RxJS 5及更早版本 #

如果是RxJS5，那Observable.of是支持的，但需要额外导入对应的静态方法：

正确的导入与代码 #

// 先导入Observable类
import { Observable } from 'rxjs/Observable';
// 必须单独导入of这个静态方法，否则Observable上不会有of属性
import 'rxjs/add/observable/of';

// 这时就能正常使用Observable.of([])了
const emptyArrayObservable = Observable.of([]);

emptyArrayObservable.subscribe(arr => {
  console.log('输出的数组：', arr); // 同样打印 []
});

总结 #

• 如果你是新项目，强烈建议用RxJS6+的写法，不仅符合当前的最佳实践，还能更好地利用树摇优化打包体积。
• 如果是旧项目，就按照RxJS5的导入方式来配置。

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