这应该可以正常工作，试试吧。

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

从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';

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

这应该可以正常工作，试试吧。

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

我今天遇到了这个问题。我使用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加载库方式的这个小改变解决了我的问题。