catchError not getting called after retryWhen

Question

I'm kinda new with Rxjs. and what I'm trying to do is call an API 5 times, but return a custom error value to my component if after 5 times the request still fails. But somehow it doesn't reach the catchError.

start(): Observable<any> {
        return this.http.put<any>(`${this.apiConfig}/start`, {})
            .pipe(
                map(res => {
                    return res;
                }),
                retryWhen(errors => errors.pipe(delay(3000), take(4))
                ),
                catchError(() => of({
                    status: "NO_CONNECTION"
                }))
            );
    }

Try to look at that issue: https://stackoverflow.com/questions/43451392/how-to-get-catch-after-retrywhen — oz1985oz, Mar 17 '21 at 10:01
Thanks for the suggestions, I ended up writing my own logic to retry based on the response received. — Julius Allan Cristobal, Mar 31 '21 at 07:58

score 1 · Answer 1 · answered Mar 17 '21 at 12:19

1

You should properly use retryWhen operator and send error if it's not ok. Chan your code to:

retryWhen(errors => errors.pipe(

delay(3000),

take(4),

concatMap(e => throwError(e))

))

answered Mar 17 '21 at 12:19

Anton Marinenko

2,749
1
10
16

catchError not getting called after retryWhen

1 Answers1