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

import 'rxjs/add/observable/of';

显示rxjs-compat的需求

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

我没有安装这个。安装的

npm install rxjs-compat --save-dev

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

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

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

import { of } from 'rxjs';

然后不是打电话

Observable.of(res);

只使用

of(res);

对于Angular 5+:

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

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

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

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