Cannot find the ‘@angular/common/http’ module

by

Important: HttpClientModule is for Angular 4.3.0 and above. Check @Maximus’ comments and @Pengyy’s answer for more info.

Original answer:

You need to inject HttpClient in your component/service not the module. If you import HttpClientModule in your @NgModule

// app.module.ts:
 
import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
 
// Import HttpClientModule from @angular/common/http
import {HttpClientModule} from '@angular/common/http';
 
@NgModule({
  imports: [
    BrowserModule,
    // Include it under 'imports' in your application module
    // after BrowserModule.
    HttpClientModule,
  ],
})
export class MyAppModule {}

So change

constructor(private httpClient: HttpModule) {}

to

constructor(private httpClient: HttpClient) {}

as it’s been written in the documentation

However, since you imported the HttpModule

you need to inject constructor(private httpClient: Http) as @Maximus stated in the comments and @Pengyy in this answer.

And for more info on differences between HttpModule and HttpClientModule, check this answer

More Related Contents:

  1. Angular 2.0 router not working on reloading the browser
  2. How do I create a singleton service in Angular 2?
  3. OrderBy pipe issue
  4. Angular 4.3 – HttpClient set params
  5. How can I limit ngFor repeat to some number of items in Angular?
  6. Remove/replace a component’s selector tag from HTML [duplicate]
  7. Apply a directive conditionally
  8. How can I unit test a component that uses the Router in Angular?
  9. Angular 2, DomSanitizer, bypassSecurityTrustHtml, SVG
  10. Expandable table rows in angular 4 with angular material
  11. Angular 2 cache observable http result data [duplicate]
  12. Angular 2 filter/search list
  13. localStorage is not defined (Angular Universal)
  14. Application becomes unresponsive after encountering an exception
  15. Angular 6: saving data to local storage
  16. ctorParameters.map is not a function in angular2-mdl
  17. How to set environment via `ng serve` in Angular 6
  18. How can I communicate between two child components in angular? [duplicate]
  19. Deep copying objects in Angular
  20. Angular show spinner for every HTTP request with very less code changes
  21. How to pass data to dialog of angular material 2
  22. How do I inject a parent component into a child component?
  23. Angular2 equivalent of $document.ready()
  24. Angular start ngFor index from 1
  25. Dynamically load a component inside a Material MatDialog
  26. ngModel cannot be used to register form controls with a parent formGroup directive
  27. Angular – How to fix ‘property does not exist on type’ error?
  28. Clear browser cache in Angular
  29. Angular 5 to 6 Upgrade: Property ‘map’ does not exist on type Observable
  30. Passing server parameters to ngModule after RC5 upgrade

Leave a Comment