error TS2307: Cannot find module '@angular/common/http' for HttpClientModule

Question

I am trying to import HttpClientModule using the following line in my app.module.ts:

import { HttpClientModule } from '@angular/common/http';

and

imports: [
    ...
    HttpClientModule,
    ...
]

However I keep getting the same error:

src/app/app.module.ts(4,38): error TS2307: Cannot find module '@angular/common/http'.

Despite those exact lines being included in these tutorials:

How can I fix this and use HttpClient ?

@user96649 Yes, change all the @angular-lines to this version: "@angular/common": "^4.3.4", then run npm install — Arg0n
– Arg0n, Commented Aug 15, 2017 at 8:00

Max Koretskyi · Accepted Answer · 2017-08-15 12:37:47Z

14

The new http client was only added in the 4.3 version. You're probably using older angular version. You need to update the project. Go into package.json and modify all @angular/... entries to include ^4.3.4 version.

Also, if you're using SystemJS you need to add two entries to the map:

'tslib': 'npm:tslib/tslib.js',
'@angular/common/http': 'npm:@angular/common/bundles/common-http.umd.js',

Also see Difference between HTTP and HTTPClient in angular 4?

edited Aug 15, 2017 at 12:37

answered Aug 15, 2017 at 8:01

Max Koretskyi

106k69 gold badges356 silver badges524 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

user96649 Over a year ago

This remove the error in the log, but now I get a XHR Error from the app:

Error loading http://localhost:3000/node_modules/@angular/common/bundles/common.umd.js/http as "@angular/common/http" from http://localhost:3000/app/app.module.js

Max Koretskyi Over a year ago

@user96649, do you use systemjs?

user96649 Over a year ago

No, I installed by git cloning, and using npm install.

Max Koretskyi Over a year ago

look for systemjs.config.js file and add '@angular/common/http': 'npm:@angular/common/bundles/common-http.umd.js',

user96649 Over a year ago

Still no success:

Error loading http://localhost:3000/tslib as "tslib" from http://localhost:3000/node_modules/@angular/common/bundles/common-http.umd.js

|

Collectives™ on Stack Overflow

error TS2307: Cannot find module '@angular/common/http' for HttpClientModule

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related