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

import 'rxjs/add/observable/of';

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

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

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

在rxjs v6中，of操作符应从'rxjs'中导入import {of};

对于Angular 5+:

import {Observable} from 'rxjs/Observable';观察者包应该匹配导入，并从'rxjs/ observer '导入{observer};如果你用的是观察器的话

从'rxjs'导入{<something>};是一个巨大的进口，所以最好避免它。