错误 TS2345：类型为“OperatorFunction<User，void>”的参数无法分配给类型为“OperatorFunction<Object，void>”的参数。

Question

我是Angular的新手。

我该如何解决这个问题？

我已经安装了Angular CLI: 11.0.7和Node: 12.18.4

错误：

错误：src/app/_services/account.service.ts：19：7 - 错误TS2345： 类型“OperatorFunction<User，void>”的参数无法分配给类型“OperatorFunction<Object，void>”。 “Object”类型只能分配给极少数其他类型。您是否想使用“any”类型？ 类型“Object”缺少类型“User”的以下属性：username，token

 19       map((response: User) => {
          ~~~~~~~~~~~~~~~~~~~~~~~~~
 20         const user = response;
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
...
 24         }
    ~~~~~~~~~
 25       })
    ~~~~~~~~

account.service.ts

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import {map} from 'rxjs/operators';
import { User } from '../_models/user';
import { ReplaySubject } from 'rxjs';


export class AccountService {
  baseUrl = 'https://localhost:5001/api/';
  private currentUserSource = new ReplaySubject<User>(1);
  currentUser$ = this.currentUserSource.asObservable();

  constructor(private http: HttpClient) { }

  login(model: any) {
    return this.http.post(this.baseUrl + 'account/login', model).pipe(
      map((response: User) => {
        const user = response;
        if (user) {
          localStorage.setItem('user', JSON.stringify(user));
          this.currentUserSource.next(user);
        }
      })
    )
  }
}

user.ts

export interface User{
    username: string;
    token: string;
}

- x19

Answer 1

你需要对http.post返回的结果进行转换

  login(model: any) {
    //-------------- here ⇊⇊ ------
    return this.http.post<User>(this.baseUrl + 'account/login', model).pipe(
      map((user : User) => {
        if (user) {
          localStorage.setItem('user', JSON.stringify(user));
          this.currentUserSource.next(user);
        }
      })
    )
  }

- Rachid O

---

天啊，谢谢……我在一个项目上设了严格模式，却一直找不出问题所在。 - Nathan Beach

从tsconfig文件中删除strict：true解决了编译器问题，这可能不是最有效的方法，但如果您确切知道自己在做什么，则可以作为快速修复。 - Naga

Answer 2

http.post 可以转换为 User 或任何其他类型

也可以尝试

login(model: any){
    return this.http.post(this.baseUrl + 'account/login', model).pipe(
      map((response: User)=>{
        const user = response as User;
        if(user){
          localStorage.setItem('user', JSON.stringify(user));
          this.currentUserSource.next(user);
        }
      })
    )
  }

- BerKelium Molefe

Answer 3

Typescript: 类型 'string | undefined' 不能赋值给类型 'string'

"strict": true >>>> "strict": false

- user15863656