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

import {Observable} from 'rxjs/Observable';

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

return Observable.of(res);

什么好主意吗?


当前回答

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

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

其他回答

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

import 'rxjs/add/observable/of';

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

我使用的是Angular 5.2和RxJS 5.5.6

这段代码不起作用:

     import { Observable,of } from 'rxjs/Observable';

     getHeroes(): Observable<Hero[]> {
        return of(Hero[]) HEROES;

      }

下面的代码可以工作:

    import { Observable } from 'rxjs/Observable';
    import { Subscriber } from 'rxjs/Subscriber';

     getHeroes(): Observable<Hero[]> 
     {
          return Observable.create((observer: Subscriber<any>) => {
              observer.next(HEROES);
              observer.complete();
          });

      }

调用方法:

this.heroService.getHeroes()
      .subscribe(heroes => this.heroes = heroes);

我认为他们可能移动/改变了RxJS 5.5.2中的()功能

你也可以这样导入所有的操作符:

import {Observable} from 'rxjs/Rx';

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