title: Angular2 - Unable to import http module
body: <p><a href="https://stackoverflow.com/a/45207906/3317808">Answer</a> did not help me import http module without error.</p>
  
  <hr>
  
  <pre><code>$ ng version
  Angular CLI: 1.5.0
  Node: 6.11.5
  OS: linux x64
  Angular: 5.0.0
  ... animations, common, compiler, compiler-cli, core, forms
  ... http, language-service, platform-browser
  ... platform-browser-dynamic, router
  
  @angular/cli: 1.5.0
  @angular-devkit/build-optimizer: 0.0.32
  @angular-devkit/core: 0.0.20
  @angular-devkit/schematics: 0.0.35
  @ngtools/json-schema: 1.1.0
  @ngtools/webpack: 1.8.0
  @schematics/angular: 0.1.0
  typescript: 2.4.2
  webpack: 3.8.1
  $
  </code></pre>
  
  <hr>
  
  <p>Below code,</p>
  
  <pre><code>/* ../src/app/app.module.ts */
  import {HttpClientModule} from '@angular/common/http';
  
  @NgModule({
    declarations: [
      AppComponent,
      HomeComponent,
      DirectoryComponent,
      FilterPipe,
      LoggingService
    ],
    imports: [
      FormsModule,
      BrowserModule,
      HttpClientModule,
      routing
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  
  <hr>
  
  <p>and service code,</p>
  
  <pre><code>/*  ../src/app/data.service.ts */
  import { Injectable } from '@angular/core';
  import {HttpClient} from '@angular/common/http';
  
  @Injectable()
  export class DataService {
  
    constructor(private http: HttpClient) { }
  
  }
  </code></pre>
  
  <hr>
  
  <p>gives error:</p>
  
  <pre><code>ERROR in src/app/data.service.ts(2,9): error TS2305: Module '"/home/../My_Websites/Youtube_sites/angular_2_playlist/ninja-directory/node_modules/@angular/http/http"' has no exported member 'HttpClient'.
  </code></pre>
  
  <hr>
  
  <p>Why <code>HttpClient</code> service cannot be injected in the constructor of service code?</p>