angular - 在 Angular 中导入 RxJS 运算符时出错

Question

我遇到了这个错误。我正在尝试使用

import { catchError } from 'rxjs/operators' 

代替

import 'rxjs/add/operator/catch'

但是 rxjs/add/operator/do 和 rxjs/add/operator/toPromise 应该使用什么？

Answer 1

导入语句取决于 RxJS 版本。

RxJS 5+

import 'rxjs/add/operator/catch';
import 'rxjs/add/operator/do';
import 'rxjs/add/operator/toPromise';

RxJS 6+

import { catchError, tap } from 'rxjs/operator';

catch 和 do 运算符分别被替换为 catchError 和 tap。 toPromise 无需导入任何内容，因为它不可通过管道传输并直接在可观察对象上调用。

此外，如果您使用 toPromise，您需要知道它是 being deprecated在 RxJS 7 中，将在 RxJS 8 中消失。