title: How to get data from OpenWeatherMap API, with Angular 7, using httpClient get method?
body: <p>I'm using OpenWeatherMap to get wheater data based on a city name,  and I just want to get data and log them on the console. For start, to see how it works. But it doesn't work and I don't know why?</p>
  
  <p>I saw tutorials but their solutions don't work for me, I don't know why the map is not found, I don't know what to import, or maybe to use something else to send request</p>
  
  <pre><code>import { Injectable } from '@angular/core';
  import { HttpClient } from '@angular/common/http';
  import { map } from 
  @Injectable({
    providedIn: 'root'
  })
  export class WeatherService {
  
    APIkey = 'this is my api key and he is ok';
    URL = 'http://api.openweathermap.org/data/2.5/forecast?q=';
  
    constructor(private http: HttpClient) { }
  
    getCurrentWeather(city) {
      return this.http.get(this.URL + city + '&amp;APPID=' + this.APIkey).map((response : Response) =&gt; {
        return response.json();   
    })
    }
  
  }
  </code></pre>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import { WeatherService } from '../weather.service';
  
  @Component({
    selector: 'app-home',
    templateUrl: './home.component.html',
    styleUrls: ['./home.component.css']
  })
  export class HomeComponent implements OnInit {
  
    city = 'London';
  
    constructor(private _weatherService) { }
  
    ngOnInit() {
      this._weatherService.getCurrentWeather(this.city).subscribe((res) =&gt; { console.log(res)});
    }
  
  </code></pre>
  
  <pre><code>compiler.js:2430 Uncaught Error: Can't resolve all parameters for HomeComponent: (?).
      at syntaxError (compiler.js:2430)
      at CompileMetadataResolver.push../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver._getDependenciesMetadata (compiler.js:18984)
      at CompileMetadataResolver.push../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver._getTypeMetadata (compiler.js:18877)
      at CompileMetadataResolver.push../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver.getNonNormalizedDirectiveMetadata (compiler.js:18496)
      at CompileMetadataResolver.push../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver._getEntryComponentMetadata (compiler.js:19080)
      at compiler.js:19071
      at Array.forEach (&lt;anonymous&gt;)
      at CompileMetadataResolver.push../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver._getEntryComponentsFromProvider (compiler.js:19070)
      at compiler.js:19043
      at Array.forEach (&lt;anonymous&gt;)
  </code></pre>
  
  <p>I expect in the console to get data about the London and I don't get it instead I get this 3rd picture in the console</p>