在类型“身份验证接收器”中具有可观察的“拦截”的 HttpInterceptor 在基类型“HttpInterceptor”中不>相同的属性

Question

我不明白这个代码有什么问题，你能帮我吗？

import { Injectable } from '@angular/core';
import {
  HttpEvent, HttpInterceptor, HttpHandler, HttpRequest
} from '@angular/common/http';

import { Observable } from 'rxjs';
import { switchMap, map } from 'rxjs/operators';

import { AuthenticationSharedStorage } from '../storages/authentication.storage';
import { AuthenticationToken } from '../../models/authentication.model';

@Injectable()
export class AuthenticationInterceptor implements HttpInterceptor {

  constructor(private storage: AuthenticationSharedStorage) {}
  intercept(req: HttpRequest<any>, next: HttpHandler) {
    this.storage.getData()
    .pipe(
      switchMap((data:AuthenticationToken )=> {
      if(data){
        const authToken = data.token;
        const authReq = req.clone({ setHeaders: { Authorization: authToken } });
        return next.handle(authReq);
      }
      return next.handle(req);
      })
    );
  }
}

完整的错误是：

类型“AuthenticationInterceptor”中的属性“intercept”不能分配给基类型“HttpIntercepter”中的相同属性。类型“（请求：HttpRequest，下一个：HttpHandler）=

Answer 1

我有同样的错误，问题是由项目和npm包之间的rxjs版本差异引起的。

我通过在项目中安装相同版本的rxjs来解决这个问题。

Answer 2

您需要返回可观察量

intercept(req: HttpRequest<any>, next: HttpHandler) {
  return this.storage.getData()
  //...
}