error TS2345: Argument of type 'OperatorFunction<User, void>' is not assignable to parameter of type 'OperatorFunction<Object, void>'

Question

I'm new to Angular.

How can I solve this problem?

I have installed Angular CLI: 11.0.7 and Node: 12.18.4

Error:

Error: src/app/_services/account.service.ts:19:7 - error TS2345: Argument of type 'OperatorFunction<User, void>' is not assignable to parameter of type 'OperatorFunction<Object, void>'. The 'Object' type is assignable to very few other types. Did you mean to use the 'any' type instead? Type 'Object' is missing the following properties from type '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;
}

Rachid O · Accepted Answer · 2021-05-01 22:21:24Z

61

you need to cast the http.post return

  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);
        }
      })
    )
  }

edited May 1, 2021 at 22:21

answered Jan 24, 2021 at 23:27

Rachid O

14.3k16 gold badges73 silver badges97 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Nathan Beach Over a year ago

good god, thank you... just set strict on a project i'm working on and could not figure this one out.

Naga Over a year ago

removing strict: true from tsconfig flle resolved this compiler issues, this may not be efficient but works as quick fix if you know exactly what you are doing

BerKelium Molefe · Accepted Answer · 2021-03-30 12:12:39Z

0

http.post can be typecast to User or any

also try

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);
        }
      })
    )
  }

edited Mar 30, 2021 at 12:12

answered Mar 30, 2021 at 12:05

BerKelium Molefe

13 bronze badges

Comments

10 Rep · Accepted Answer · 2021-05-07 16:01:09Z

-3

Typescript: Type 'string | undefined' is not assignable to type 'string'

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

edited May 7, 2021 at 16:01

10 Rep

2,2687 gold badges21 silver badges34 bronze badges

answered May 7, 2021 at 13:28

user15863656

1

Collectives™ on Stack Overflow

error TS2345: Argument of type 'OperatorFunction<User, void>' is not assignable to parameter of type 'OperatorFunction<Object, void>'

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related