Property 'catch' does not exist on type 'Observable<Httpevent<any>>' ANGULAR 6

Question

I created an Interceptor to catch all errors using angular 6, but catch returns this message.

 intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>>{
    return next.handle(req)
        .catch((error, caught) => {

         (....)

           return Observable.throw(errorObj);
        }) as any;
  };
}

I did a lot of research and found that at angle 6 the:

import { catchError } from 'rxjs/operators';
import { throwError,  Observable } from 'rxjs';

Things don’t even work that way around here, though. I also tried the:

import 'rxjs/add/operator/catch';

But the angular says: Module not found: Error: Can’t resolve 'rxjs/add/Operator/catch' in '...'

Answer 1

I decided by changing the code and leaving it that way:

    intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>>{
    return next.handle(req)
        .pipe(
        catchError((error, caught) => {
          (...)
        }
     return observableThrowError(errorObj);
        })) as any;

https://github.com/ReactiveX/rxjs/blob/master/docs_app/content/guide/v6/migration.md#deprecations