Angular2 catch request error

Question

I have a code to get request. It's compiling and working but I have an error in console.

public get<T>(url: string, headers: Headers = this.jsonHeaders()): Observable<T> {
        return this._http.get(url, { headers: headers })
                   .catch((err: Response, caught: Observable<T>) => {
                       if (err.status === 401) {
                           this._router.navigate(["/auth/login"]);
                           return Observable.throw("401 Unauthorized");
                       }
                       return caught;
                   })
                   .map(res => <T>this.toJSON(res));
    }

error:

error TS2345: Argument of type '(err: Response, caught: Observable<T>) => ErrorObservable | Observable<T>' is not assignable to parameter of type '(err: any, caught: Observable<Response>) => Observable<any>'.
  Types of parameters 'caught' and 'caught' are incompatible.
    Type 'Observable<Response>' is not assignable to type 'Observable<T>'.
      Type 'Response' is not assignable to type 'T'.

I tried cast it to but it's not helped

see here to stackoverflow.com/a/37052710/5043867

Pardeep Jain
– Pardeep Jain

2016-05-19 08:31:14 +00:00
Commented May 19, 2016 at 8:31 — Pardeep Jain
– Pardeep Jain, Commented May 19, 2016 at 8:31

Thierry Templier · Accepted Answer · 2016-05-19 08:17:46Z

9

You use the following:

.catch((err: Response, caught: Observable<T>) => {
  if (err.status === 401) {
    this._router.navigate(["/auth/login"]);
    return Observable.throw("401 Unauthorized");
  }
  return Observable.throw(caught); // <-----
})

answered May 19, 2016 at 8:17

Thierry Templier

203k44 gold badges407 silver badges365 bronze badges

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

7 Comments

Illorian Over a year ago

That is work fine but I still have an error in console.

Thierry Templier Over a year ago

Could you try: return caught.source;?

Illorian Over a year ago

I think reason is that expected Observable<any> but return ErrorObservable

Thierry Templier Over a year ago

Yes agreed but the source property of the ErrorObservable contains the source observable of type Observable<any>. So it should fix the problem ;-)

Illorian Over a year ago

But it's not =( Maybe because caught hasn't source property

|

Collectives™ on Stack Overflow

Angular2 catch request error

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related