我的愚蠢错误是在需要可观察对象时忘记了add /add。

Was:

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

这看起来没问题，因为rxjs/observable/of file实际上是存在的。

应该是:

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

我使用的是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';

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

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

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

import { Observable } from 'rxjs/Observable';

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

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

// ...

return of(res)

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

import 'rxjs/add/observable/of';