如何解决 Angular/rxjs/observable 错误？答案

【问题标题】：How do I resolve an Angular/rxjs/observable error?如何解决 Angular/rxjs/observable 错误？
【发布时间】：2020-03-18 22:01:39
【问题描述】：

参考：角度，可观察，rxjx 6.4.0

我的代码如下：

import { Observable } from 'rxjs';
import 'rxjs/add/observable/of';
...
return Observable.of(this.products);
...

错误显示：

Property 'of' does not exist on type 'typeof Observable'.

我也可以从导入中删除 /add，因为 of.js 存在于两个文件夹中。但这会返回相同的错误。

【问题讨论】：

您是否阅读了升级到 RxJS 6 的指南？例如。 github.com/ReactiveX/rxjs/blob/master/docs_app/content/guide/v6/…
RxJS v6 的导入发生了变化。它们现在是：from 'rxjs' 用于对象和创建函数，from 'rxjs/operators' 用于操作符。有关更多信息，请参阅：rxjs.dev/guide/v6/migration
这能回答你的问题吗？ Property 'of' does not exist on type 'typeof Observable

标签： angular rxjs observable

【解决方案1】：

您的代码应如下所示：

 import { Observable, of } from 'rxjs'

 return of(this.products);

【讨论】：

【解决方案2】：

正如其他人所指出的，在该版本的 RxJs 中，静态方法和运算符的导入方式不同。

这是他们docs的一个例子：

import { of } from 'rxjs';

of(10, 20, 30)
.subscribe(
  next => console.log('next:', next),
  err => console.log('error:', err),
  () => console.log('the end'),
);
// result:
// 'next: 10'
// 'next: 20'
// 'next: 30'

所以你的代码看起来像：

import { of } from 'rxjs';

...
return of(this.products);
...

【讨论】：