从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 {Observable} from 'rxjs/Rx';

如果有人在使用Angular >= 6和rxjs版本6或更高版本时遇到了这个问题，请参阅这里的答案: 无法使用可观察对象。在RxJs 6和Angular 6中

简而言之，你需要像这样导入它:

import { of } from 'rxjs';

然后不是打电话

Observable.of(res);

只使用

of(res);

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

我的愚蠢错误是在需要可观察对象时忘记了add /add。

Was:

import { Observable } from 'rxjs/Observable';
import 'rxjs/observable/of';

这看起来没问题，因为rxjs/observable/of file实际上是存在的。

应该是:

import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/of';

实际上我把导入弄乱了。在最新版本的RxJS中，我们可以像这样导入它:

import 'rxjs/add/observable/of';