'Error' 消息：'属性 'from' 在类型 'typeof Observable' 上不存在

Question

我正在尝试使用 RxJS 学习响应式编程。我试图使用 Observable.from() 方法从数组创建一个可观察对象，但出现错误：

Property 'from' does not exist on type 'typeof Observable'

我使用 Angular CLI 构建了一个 Angular 应用程序，因此所有依赖项（包括 RxJS 包）都已正确导入。

在 app.component.ts 中，我添加了以下导入语句：

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

我的 AppComponent class 看起来像这样：

export class AppComponent {

  numbers: number[] = [1, 2, 3, 4, 5];

  callMyObservable() : void {  
    Observable.from(this.numbers);
  }
}

但是我遇到了上面提到的编译时错误。

我不确定如何让它发挥作用。

Answer 1

改变

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

至

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

Answer 2

如果您使用的是 rxjs >=6.0.0，那么您将不再使用 Observable.from。相反 from 是一个独立的函数。

import { Observable, from} from 'rxjs';

//old way
var o = Observable.from([1, 2, 3, 4]);

//new way
var o = from([1, 2, 3, 4]);

我希望这对您有所帮助，因为我花了一些时间才弄明白。

'Error' message: 'Property 'from' does not exist on type 'typeof Observable'