Angular 10 類型 &#39;Observable<unknown> &#39; 不可分配給類型 &#39;Observable <HttpEvent<any> &gt;&#39;

Question

我正在嘗試創建一個 http 攔截器，但出現此錯誤。

類型 'Observable' 不可分配給類型 'Observable<HttpEvent>'

import { Injectable } from '@angular/core';
import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor, HttpErrorResponse } from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { catchError, retry } from 'rxjs/operators';

@Injectable()
export class ErrorInterceptor implements HttpInterceptor {
  constructor() { }

  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    return next.handle(request).pipe(catchError(err => {
      if (err.status === 401) {
        // auto logout if 401 response returned from api
        //
        location.reload(true);
      }

      const error = err.error.message || err.statusText;
      return throwError(error);
    }))
  }
}

我嘗試過 StackBliz，它編譯沒有任何問題。 這是視覺工作室的問題嗎？

https://stackblitz.com/edit/angular-ivy-aczftx?file=src%2Fapp%2Ferror.interceptor.ts

Answer 1

intercept返回throwError這不是HttpEvent所以你可以

替換這個

intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> 

有了這個

intercept(request: HttpRequest<any>, next: HttpHandler): Observable<any>