發送ajax請求時出現以下錯誤，
ERROR TypeError: Cannot read properties of undefined (reading 'pipe')
ajax-loader.interceptor.ts 類
export class AjaxLoaderInterceptor implements HttpInterceptor {
private loaderProp = 'ajax_loader';
constructor(private activeAjaxLoadersService: ActiveAjaxLoadersService) {}
intercept(
request: HttpRequest<any>,
httpHandler: HttpHandler
): Observable<HttpEvent<any>> {
console.log('ajax loader', request);
const loaderName = request.headers.has(this.loaderProp)
? request.headers.get(this.loaderProp)
: null;
console.log('loaderName', loaderName);
const updatedHeaders = request.headers.has(this.loaderProp)
? request.headers.delete(this.loaderProp)
: request.headers;
const updatedRequest = request.clone({ headers: updatedHeaders });
console.log('updatedHeaders', updatedHeaders, updatedRequest);
this.updateLoaderState(loaderName, XHR_REQUEST_STATES.PROGRESS);
return httpHandler.handle(updatedRequest).pipe(
tap((event: HttpEvent<any>) => {
console.log('httpHandler', event);
if (event instanceof HttpResponse) {
this.updateLoaderState(loaderName, 'success', event);
}
}),
(responseError: any): any => {
if (responseError instanceof HttpErrorResponse) {
}
}
);
}
Providers code:
providers: [
{
provide: HTTP_INTERCEPTORS,
useClass: AjaxLoaderInterceptor ,
multi: true
}
]
相同的代碼在 angular 8 中作業，但在升級到 v12 后它壞了。
我在 stackblitz 中創建了可重現的代碼示例，請在此處找到示例
任何幫助，將不勝感激。謝謝！
uj5u.com熱心網友回復：
在您的 ajax-loader.interceptor.ts 檔案中，在 if 條件后添加 return 陳述句，如下所示
if (responseError instanceof HttpErrorResponse) {
}
return responseError;
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/363673.html
標籤：javascript 有角的 rxjs6
上一篇：使用月對兩個物件陣列進行聚類