CDN引入RxJS7后调用Observable.fromEvent报not a function错误如何解决

问题原因 #

RxJS v6及之后的版本重构了API结构，fromEvent等创建类操作符不再作为Observable类的静态方法存在，而是独立的顶层导出函数，因此调用Observable.fromEvent会抛出类型错误。

修复方案 #

你引入的RxJS UMD包本身没有问题，仅需要调整JS代码的写法，直接从全局rxjs对象中解构获取fromEvent方法即可：

const { fromEvent } = rxjs;

const clicks = fromEvent(document, 'click');

clicks.subscribe(ev => console.log(ev));

补充提示 #

其他常用创建类操作符包括of、from、interval、timer等，用法完全一致，都直接从rxjs对象中解构即可，不需要通过Observable类调用。

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