我有导入可观察对象的问题。在我的项目中的作用。我的Intellij能看到一切。在我的代码中我有:

import {Observable} from 'rxjs/Observable';

在我的代码中,我这样使用它:

return Observable.of(res);

什么好主意吗?


当前回答

我今天遇到了这个问题。我使用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

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

不管出于什么原因,补丁对我来说不起作用,所以我不得不求助于以下方法:

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

// ...

return of(res)

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

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

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

import { Observable } from 'rxjs/Observable';

RxJS 6

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

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

要改成什么

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

补充一点,

如果你正在使用很多,那么你可以导入所有使用

import 'rxjs/Rx'; 

正如@Thierry Templier所提到的。但我认为,如果你使用的是有限算子,那么你应该导入单个算子,比如

import 'rxjs/add/operator/filter';
import 'rxjs/add/operator/mergeMap';
import 'rxjs/add/observable/of';

正如@uksz提到的。

因为'rxjs/Rx'将导入所有的Rx组件,这绝对具有性价比。