title: Property 'get' does not exist on type 'HttpClientModule'
body: <p><br>
  Am very new to Angular js , Trying to learn it from youtube, and i was facing mentioned issue<br> in my code, I don't understand what was missing in my code<br></p>
  
  <h1>ERROR</h1>
  
  <p><b>am getting " Property 'get' does not exist on type 'HttpClientModule'" </b> error when am trying to access get service of HttpClientModule.,<br> 
  Below are the code details<br>
  app.component.ts file is                       </p>
  
  <pre><code>import { Component,OnInit  } from '@angular/core';
     import {HttpClientModule} from '@angular/common/http';
       @Component({
     selector: 'app-root',
     templateUrl: './app.component.html',
     styleUrls: ['./app.component.css']
     })
     export class AppComponent {
  
     constructor(private http:HttpClientModule){};
     title = 'app';
     ngOnInit() {
     this.http.get('https://my-json-server.typicode.com/techsithgit/json-faker-
     directory/profiles').
      subscribe((data)=&gt;{
        console.log(data);
      });
  
     }
  
  }
  </code></pre>
  
  <p>app.module.ts file is</p>
  
  <pre><code>import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  import {HttpClientModule} from '@angular/common/http';
  
  import { AppComponent } from './app.component';
  
  @NgModule({
    declarations: [
      AppComponent
    ],
    imports: [
      BrowserModule,
      HttpClientModule
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  
  <p>Package.json file is</p>
  
  <pre><code>{
    "name": "trust",
    "version": "0.0.0",
    "license": "MIT",
    "scripts": {
      "ng": "ng",
      "start": "ng serve",
      "build": "ng build",
      "test": "ng test",
      "lint": "ng lint",
      "e2e": "ng e2e"
    },
    "private": true,
    "dependencies": {
      "@angular/animations": "^5.0.2",
      "@angular/common": "^5.0.2",
      "@angular/compiler": "^5.0.2",
      "@angular/compiler-cli": "^5.0.2",
      "@angular/core": "^5.0.2",
      "@angular/forms": "^5.0.2",
      "@angular/http": "^5.0.2",
      "@angular/platform-browser": "^5.0.2",
      "@angular/platform-browser-dynamic": "^5.0.2",
      "@angular/platform-server": "^5.0.2",
      "@angular/router": "^5.0.2",
      "core-js": "^2.4.1",
      "rxjs": "^5.4.2",
      "typescript": "^2.6.1",
      "zone.js": "^0.8.18"
    },
    "devDependencies": {
      "@angular/cli": "1.4.9",
      "@angular/compiler-cli": "^4.2.4",
      "@angular/language-service": "^4.2.4",
      "@types/jasmine": "~2.5.53",
      "@types/jasminewd2": "~2.0.2",
      "@types/node": "~6.0.60",
      "codelyzer": "~3.2.0",
      "jasmine-core": "~2.6.2",
      "jasmine-spec-reporter": "~4.1.0",
      "karma": "~1.7.0",
      "karma-chrome-launcher": "~2.1.1",
      "karma-cli": "~1.0.1",
      "karma-coverage-istanbul-reporter": "^1.2.1",
      "karma-jasmine": "~1.1.0",
      "karma-jasmine-html-reporter": "^0.2.2",
      "protractor": "~5.1.2",
      "ts-node": "~3.2.0",
      "tslint": "~5.7.0",
      "typescript": "~2.3.3"
    }
  }
  </code></pre>