[Solved] Why does this Angular HTTP error handler fail?return this.http.get(url).pipe( catchError(() => { return throwError('Error occurred'); }) );Assuming the caller subscribes and expects an error object. | Angular

Angular - HTTP Client

Why does this Angular HTTP error handler fail?

return this.http.get(url).pipe(
  catchError(() => {
    return throwError('Error occurred');
  })
);

Assuming the caller subscribes and expects an error object.

AcatchError cannot return throwError

BthrowError should receive a function returning the error

CHttpClient.get does not support catchError

DThe error message must be an object, not a string

Step-by-Step Solution

Solution:

Step 1: Check throwError usage
In RxJS 7+, throwError expects a function returning the error, not the error directly.
Step 2: Identify correct syntax
The correct usage is throwError(() => new Error('Error occurred')) or similar.
Final Answer:
throwError should receive a function returning the error -> Option B
Quick Check:
throwError argument = function returning error [OK]

Quick Trick: Use throwError(() => error) in RxJS 7+ [OK]

Common Mistakes:

MISTAKES

Master "HTTP Client" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Why does this Angular HTTP error handler fail?