类型“可观察的未知”是指类型“可观察的未知”。不能分配给类型“Observable<{token:string;” }>”。点击错误

Question

添加令牌

import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
import { tap } from 'rxjs/operators';
import { HttpClient } from '@angular/common/http';
import { User } from './interfaces';

@Injectable()
export class AuthService {

  private token = null

  constructor(private http: HttpClient) {
  }

  login(user: User): Observable<{token: string}> {
    return this.http.post<{token: string}>('/api/auth/login', user)
     .pipe(tap(({token}) => {
        localStorage.setItem('auth-token', token)
        this.setToken(token)
     }))
  }

  setToken(token: string) {
    this.token = token
  }
}

我正在尝试通过 .pipe 方法links.ts

export interface User {
  email: string,
  password: string
}

一切都可以使用此代码

  login(user: User): Observable<{token: string}> {
    return this.http.post<{token: string}>('/api/auth/login', user)
  }

当我尝试通过 .pipe 方法 tap 添加令牌时，出现错误

The type "Observable<unknown>" cannot be assigned to the type "Observable<{token:string; }>".
The "token" property is missing in the "{}" type and is mandatory in the "{token: string; }" type.ts(2322)

.pipe 中的任何添加的方法（tap、map 和其他）一旦我从“rxjs/operators”导入它们，就会出现此错误。

Answer 1

很奇怪你收到这个错误并且我无法重现它，但这应该可以解决你的问题：

login(user: User): Observable<{token: string}> {
  return this.http.post<{token: string}>('/api/auth/login', user)
   .pipe(tap(({token}) => {
     localStorage.setItem('auth-token', token)
     this.setToken(token)
 })) as Observable<{token: string}>
}