Error while importing RxJS operators in Angular

Question

I am getting this error. I'm trying to use

import { catchError } from 'rxjs/operators'

instead of

import 'rxjs/add/operator/catch'

But what to use instaed of rxjs/add/operator/do and rxjs/add/operator/toPromise?

Barremian · Accepted Answer · 2020-10-07 11:11:40Z

2

The import statements depend on the RxJS version.

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';

The catch and do operators were replaced with catchError and tap respectively. Nothing has to be imported for toPromise since it isn't pipeable and invoked directly on an observable.

Also, if you're using toPromise you need to know that it is being deprecated in RxJS 7 and will be gone in RxJS 8.

answered Oct 7, 2020 at 11:11

Barremian

31.2k4 gold badges37 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user13911625 Over a year ago

So, i dont need to use toPromise in my application?

Barremian Over a year ago

@user13911625: As shown in the article, you could continue to convert observables to promises using lastValueFrom or firstValueFrom instead. However I'd tell you to refrain converting observables to promises unless there is an explicit need for it. Observables in general also provide more control over the stream of data.

Collectives™ on Stack Overflow

Error while importing RxJS operators in Angular

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related