ionic 3 Ошибка HttpClient при подключении API, свойство «JSON» не существует для типа «Объект»

Question

---

Я использую Ionic 3, я пытаюсь подключиться к API, и мой код указан ниже.

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import 'rxjs/add/operator/map'

@Injectable()
export class WeatherProvider {
  apikey = 'xxxxxxxxxxxxxxx';
  url;
  constructor(public http: HttpClient) {
    console.log('Hello WeatherProvider Provider');
    this.url= 'http://api.wunderground.com/api/'+this.apikey+'/conditions/q';
  }
  getWeather(city, state){
    return this.http.get(this.url+'/'+state+'/'+city+'.json')
      .map(res => res.json());
  }
}

Я знаю ошибку, то есть с этим кодом .map (res=> res.json ());

Вот журнал ошибок

Свойство ошибки машинописного текста 'json' не существует для типа 'Object'.

src/providers/weather/weather.ts
  return this.http.get(this.url+'/'+state+'/'+city+'.json')
    .map(res => res.json());
}

Ionic Framework: 3.9.2 Сценарии Ionic App: 3.1.9 Angular Core: 5.2.10 CLI углового компилятора: 5.2.10 Узел: 9.2.1 Платформа ОС: Linux 4.13 Navigator Платформа: Linux x86_64 Пользовательский агент: Mozilla / 5.0(X11; Linux x86_64) AppleWebKit / 537.36 (KHTML, как Gecko) Chrome / 63.0.3239.132 Safari / 537.36

Дайте мне решение, пожалуйста

Answer 1

Вам не нужно звонить .json() с httpClient, потому что ответ JSON по умолчанию

return this.http.get(this.url+'/'+state+'/'+city+'.json')
    .map(res => res);