angular - 错误 TS2769：没有重载匹配此调用。键入'字符串 | null' 不可分配给类型 'string

问题描述

export class AuthService {

  constructor(private http: HttpClient, private webService: WebRequestService, private router: Router) { }

  login(email: string, password: string) {
    return this.webService.login(email, password).pipe(
      shareReplay(),
      tap((res: HttpResponse<any>) => {
        // auth tokens will be in the header of this response 
        this.setSession(res.body._id, res.headers.get('x-access-token'), res.headers.get('x-refresh-token'));
        console.log('logged in');
      })
    )
  }

  logout() {
    this.removeSession();
    this.router.navigate(['/login']);
  }

  getAccessToken() {
    return localStorage.getItem('x-access-token');
  }

  getRefreshToken() {
    return localStorage.getItem('x-refresh-token');
  }

  getUserId() {
    return localStorage.getItem('user-id');
  }

  setAccessToken(accessToken: any) {
    return localStorage.setItem('x-access-token', accessToken);
  }

  private setSession(userId: string, accessToken: any, refreshToken: any) {
    localStorage.setItem('user-id', userId);
    localStorage.setItem('x-access-token', accessToken);
    localStorage.setItem('x-refresh-token', refreshToken);
  }

  private removeSession() {
    localStorage.removeItem('user-id');
    localStorage.removeItem('x-access-token');
    localStorage.removeItem('x-refresh-token');
  }

  getNewAccessToken() {
    return this.http.get(`${this.webService.ROOT_URL}/users/me/access-token`, {
      headers: {
        'x-refresh-token': this.getRefreshToken(),
        '_id': this.getUserId()
      },
      observe: 'response'
    }).pipe(
      tap((res: HttpResponse<any>) => {
        this.setAccessToken(res.headers.get('x-access-token'));
      })
    )
  }
}

标签： angulartypescript

在阅读存储文档时，您可以看到Storage.getItem('')返回一个string或null（请参见此处）。使用您的代码，我假设您在 Angular 上工作，并且在文档中，HttpClient headers对象可以是string | string[]（请参见此处），因此与类型存在冲突。

也许您可以尝试这样的方法来修复错误：

getRefreshToken(): string {
    return localStorage.getItem('x-refresh-token') || '';
 }

angular - 错误 TS2769：没有重载匹配此调用。键入'字符串 | null' 不可分配给类型 'string | 细绳[]'

问题描述

解决方案

推荐阅读