RxJS 6

当升级到RxJS库版本6且不使用RxJS -compat包时，执行以下代码

import 'rxjs/add/observable/of';   
  // ...
  return Observable.of(res);

要改成什么

import { of } from 'rxjs';
  // ...
  return of(res);

从Angular 5 / Rxjs 5升级到Angular 6 / Rxjs 6?

您必须更改导入和实例化。看看达米恩的博客文章

Tl; diana:

import { Observable, fromEvent, of } from 'rxjs';

const yourResult = Observable
    .create(of(yourObservable))
    .startWith(null)
    .map(x => x.someStringProperty.toLowerCase());

//subscribe to keyup event on input element
Observable
    .create(fromEvent(yourInputElement, 'keyup'))
    .debounceTime(5000)
    .distinctUntilChanged()
    .subscribe((event) => {
        yourEventHandler(event);
    });

import 'rxjs/add/observable/of';

显示rxjs-compat的需求

require("rxjs-compat/add/observable/of");

我没有安装这个。安装的

npm install rxjs-compat --save-dev

重新运行解决了我的问题。

虽然这听起来很奇怪，但对我来说，从'rxjs/Observable '导入{Observable}的导入路径中大写'O'很重要。带有observable_1.Observable的错误消息。of不是一个函数，如果我从rxjs/ Observable导入Observable。很奇怪，但我希望它能帮助到其他人。

补充一点，

如果你正在使用很多，那么你可以导入所有使用

import 'rxjs/Rx'; 

正如@Thierry Templier所提到的。但我认为，如果你使用的是有限算子，那么你应该导入单个算子，比如

import 'rxjs/add/operator/filter';
import 'rxjs/add/operator/mergeMap';
import 'rxjs/add/observable/of';

正如@uksz提到的。

因为'rxjs/Rx'将导入所有的Rx组件，这绝对具有性价比。

甚至Webstorm也做了这样的import {of} from 'rxjs/observable/of'; 一切都开始运转起来