属性 'catchError' 在类型 'Observable<HttpEvent<any>>' 上不存在
Property 'catchError' does not exist on type 'Observable<HttpEvent<any>>'
从 angular 5 到 6(使用 angular 6 & rxjs 6),在我的 linter 中出现以下两个错误。大家有什么想法,谢谢。
[ts] 'catchError' is declared but its value is never read.
[ts] Property 'catchError' does not exist on type 'Observable<HttpEvent<any>>'.
import { Injectable, Injector } from '@angular/core';
import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest } from '@angular/common/http';
import { catchError } from 'rxjs/operators';
import { Observable } from 'rxjs';
@Injectable()
export class HttpInterceptorService implements HttpInterceptor {
constructor() { }
intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
return next.handle(authReq)
.catchError((error, caught) => {
console.log('Error Occurred');
console.log(error);
return Observable.throw(error);
}) as any;
}
}
这更多是 rxjs 的变化。您需要熟悉可出租运算符,但这是您想要进行的代码更改...
import { Injectable, Injector } from '@angular/core';
import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest } from '@angular/common/http';
import { catchError } from 'rxjs/operators';
import { Observable } from 'rxjs';
@Injectable()
export class HttpInterceptorService implements HttpInterceptor {
constructor() { }
intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
return next.handle(authReq)
.pipe(catchError((error, caught) => {
console.log('Error Occurred');
console.log(error);
return Observable.throw(error);
})) as any;
}
}
很简单吧!大多数 rxjs 运算符现在都传递到 observable 的 pipe
函数中!
从 angular 5 到 6(使用 angular 6 & rxjs 6),在我的 linter 中出现以下两个错误。大家有什么想法,谢谢。
[ts] 'catchError' is declared but its value is never read.
[ts] Property 'catchError' does not exist on type 'Observable<HttpEvent<any>>'.
import { Injectable, Injector } from '@angular/core';
import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest } from '@angular/common/http';
import { catchError } from 'rxjs/operators';
import { Observable } from 'rxjs';
@Injectable()
export class HttpInterceptorService implements HttpInterceptor {
constructor() { }
intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
return next.handle(authReq)
.catchError((error, caught) => {
console.log('Error Occurred');
console.log(error);
return Observable.throw(error);
}) as any;
}
}
这更多是 rxjs 的变化。您需要熟悉可出租运算符,但这是您想要进行的代码更改...
import { Injectable, Injector } from '@angular/core';
import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest } from '@angular/common/http';
import { catchError } from 'rxjs/operators';
import { Observable } from 'rxjs';
@Injectable()
export class HttpInterceptorService implements HttpInterceptor {
constructor() { }
intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
return next.handle(authReq)
.pipe(catchError((error, caught) => {
console.log('Error Occurred');
console.log(error);
return Observable.throw(error);
})) as any;
}
}
很简单吧!大多数 rxjs 运算符现在都传递到 observable 的 pipe
函数中!