angular and http does not understand json - Property 'json' does not exist on type 'Object'

Question

I just upgraded my angular to v7.

How this happens:

const httpOptions = {
      headers: new HttpHeaders({
        'Content-Type':  'application/json',
        'Authorization': 'Bearer ' + localStorage.getItem('token')
      })
};

var url = this.getEndpointUrl(endpoint);

return this.http.get(url, httpOptions).pipe(map(res => res.json()));

Getting error:

[ts] Property 'json' does not exist on type 'Object'. [2339]
any

What am I missing?

have a look:https://stackoverflow.com/questions/46005430/property-json-does-not-exist-on-type-object — Prashant Pimpale, Jan 27 '19 at 15:35
you don't t need the json, res should already be your object — Stefan, Jan 27 '19 at 15:36

score 3 · Accepted Answer · answered Jan 27 '19 at 15:42

The latest HttpClient automatically parses the response as json so we don't need to call json() method anymore.

This should be enough

var url = this.getEndpointUrl(endpoint);
return this.http.get(url, httpOptions);

Ref: https://angular.io/guide/http#getting-json-data

angular and http does not understand json - Property 'json' does not exist on type 'Object'

1 Answers1