从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);
    });

对我来说(Angular 5 & RxJS 5)，自动完成导入建议:

import { Observable } from '../../../../../node_modules/rxjs/Observable';

而to应该是(所有来自，of, E.C.T的静态操作符都工作正常:

import { Observable } from 'rxjs/Observable';

// "rxjs": "^5.5.10"
import { of } from 'rxjs/observable/of';

.... 
return of(res)

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

我今天遇到了这个问题。我使用systemjs加载依赖项。

我像这样加载Rxjs:

...
    paths: {
        "rxjs/*": "node_modules/rxjs/bundles/Rx.umd.min.js"
    },
...

使用下面的语句代替使用路径:

var map = {
...
'rxjs':                       'node_modules/rxjs',
...
}

var packages = {
...
'rxjs': { main: 'bundles/Rx.umd.min.js', defaultExtension: 'js' }
...
}

systemjs加载库方式的这个小改变解决了我的问题。

RxJS 6

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

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

要改成什么

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