Angular 角度8：类型'；T'；不可分配给类型'；HttpEvent<；任何>'；

我正在实现一个intercetor来全局处理任何错误，但我得到了下面的错误，我尝试了很多解决方案，但都没有效果

拦截器.service.ts

import { Injectable } from '@angular/core';
import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor } from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { catchError } from 'rxjs/operators';
import { AuthService } from '../../core/service/auth.service';

@Injectable()
export class ErrorInterceptor implements HttpInterceptor {
   constructor(private authenticationService: AuthService) { }

   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
     this.authenticationService.logOut();
     location.reload(true);
  }

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

---

PS:-我不确定这是一个角度相关的问题还是特定于我的环境，因为我无法在stackblitz中复制此问题

您需要遵守返回类型（

可观察

）：

intercept（请求：HttpRequest，下一步：HttpHandler）
：可见{
返回next.handle（request）.pipe（catchError（err=>{
如果（错误状态===401）{
//如果API返回401响应，则自动注销
this.authenticationService.logOut（）；
位置。重新加载（true）；
}
//您应该返回一个可观察到的HTTP错误
//const error=err.error.message | | err.statusText；
err.error.info=err.error.message | | err.statusText；
返回投掷器（错误）；
}));
}

我没有任何错误。无论如何，不要返回在

catchError

操作符中可以观察到的错误，尝试替换

返回抛出器错误（error）通过
抛出错误
此代码没有任何编译错误。你能发布你的
package.json
文件吗？stackblitz甚至更好我相信返回语句应该是
return-throwError（err）
？您的解决方案可行，但您能否解释一下，如果我使用throwError，为什么我会遇到这些错误，而且我不确定我是否仍然可以订阅该错误似乎是
throwError（error）
在您的案例中返回一个
可观察的
，它不是
可观察的
。这不是预期的，因为
throwError
将返回
Observable
，这将有效（这就是为什么我说它对我有效）<代码>抛出错误
不会返回任何内容（更像：return
never
），因此它应该可以工作。
{
  "name": "client-app",
  "version": "0.0.0",
  "scripts": {
  "ng": "ng",
  "start": "ng serve",
  "build": "ng build",
  "test": "ng test",
  "lint": "ng lint",
  "e2e": "ng e2e"
 },
   "private": true,
   "dependencies": {
   "@angular/animations": "~8.2.11",
   "@angular/cdk": "^8.2.3",
   "@angular/common": "~8.2.11",
   "@angular/compiler": "~8.2.11",
   "@angular/core": "~8.2.11",
   "@angular/forms": "~8.2.11",
   "@angular/material": "^8.2.3",
   "@angular/platform-browser": "~8.2.11",
   "@angular/platform-browser-dynamic": "~8.2.11",
   "@angular/router": "~8.2.11",
   "@fortawesome/angular-fontawesome": "^0.6.1",
   "@fortawesome/fontawesome-svg-core": "^1.2.28",
   "@fortawesome/free-brands-svg-icons": "^5.13.0",
   "@fortawesome/free-regular-svg-icons": "^5.13.0",
   "@fortawesome/free-solid-svg-icons": "^5.13.0",
   "@ng-bootstrap/ng-bootstrap": "^5.3.0",
   "@sweetalert2/ngx-sweetalert2": "^7.3.0",
   "bootstrap": "^4.4.1",
   "datatables.net": "^1.10.20",
   "datatables.net-bs": "^1.10.20",
   "datatables.net-bs4": "^1.10.20",
   "datatables.net-dt": "^1.10.20",
   "hammerjs": "^2.0.8",
   "jquery": "^3.4.1",
   "ngx-bootstrap": "^5.5.0",
   "ngx-toastr": "^11.3.3",
   "rxjs": "~6.4.0",
   "sweetalert2": "^9.10.10",
   "tslib": "^1.10.0",
   "zone.js": "~0.9.1"
 },
   "devDependencies": {
   "@angular-devkit/build-angular": "~0.803.13",
   "@angular/cli": "~8.3.13",
   "@angular/compiler-cli": "~8.2.11",
   "@angular/language-service": "~8.2.11",
   "@types/node": "~8.9.4",
   "@types/jasmine": "~3.3.8",
   "@types/jasminewd2": "~2.0.3",
   "codelyzer": "^5.0.0",
   "jasmine-core": "~3.4.0",
   "jasmine-spec-reporter": "~4.2.1",
   "karma": "~4.1.0",
   "karma-chrome-launcher": "~2.2.0",
   "karma-coverage-istanbul-reporter": "~2.0.1",
   "karma-jasmine": "~2.0.1",
   "karma-jasmine-html-reporter": "^1.4.0",
   "protractor": "~5.4.0",
   "ts-node": "~7.0.0",
   "tslint": "~5.15.0",
   "typescript": "~3.5.3"
  }
}