angular2-jwt.d.ts gives "Cannot find module '@angular/http" error

Question

I'm working on angular2 "2.0.0-beta.17".

My package.json is as follows

"dependencies": {
        "angular2": "2.0.0-beta.17",
        "es6-shim": "^0.35.0",
        "reflect-metadata": "0.1.2",
        "rxjs": "5.0.0-beta.6",
        "zone.js": "0.6.12",    
        "angular2-jwt":"0.1.15",
        "es6-promise": "^3.2.1",
        "jwt-decode": "^2.0.1"    
      },
      "devDependencies": {
        "angular-cli": "0.0.*",
        "autoprefixer": "^6.3.2",
        "copy-webpack-plugin": "^1.1.1",
        "css-loader": "^0.23.0",
        "extract-text-webpack-plugin": "^1.0.1",
        "file-loader": "^0.8.4",
        "html-loader": "^0.4.0",
        "html-webpack-plugin": "^2.8.1",
        "istanbul-instrumenter-loader": "^0.1.3",
        "jasmine-core": "^2.3.4",
        "jasmine-spec-reporter": "^2.4.0",
        "json-loader": "^0.5.3",
        "karma": "0.13.19",
        "karma-chrome-launcher": "^0.2.1",
        "karma-coverage": "^0.5.2",
        "karma-jasmine": "^0.3.7",
        "karma-phantomjs-launcher": "^1.0.0",
        "karma-sourcemap-loader": "^0.3.7",
        "karma-webpack": "1.7.0",
        "node-sass": "^3.4.2",
        "null-loader": "git+https://github.com/webpack/null-loader.git",
        "phantomjs-prebuilt": "^2.1.4",
        "postcss-loader": "^0.8.0",
        "protractor": "^3.1.1",
        "raw-loader": "0.5.1",
        "rimraf": "^2.5.1",
        "sass-loader": "^3.1.2",
        "style-loader": "^0.13.0",
        "ts-loader": "^0.8.1",
        "tslint": "^3.4.0",
        "tslint-loader": "^2.1.0",
        "typedoc": "^0.3.12",
        "typescript": "^1.8.0",
        "typings": "^0.7.12",
        "url-loader": "^0.5.6",
        "webpack": "^1.12.13",
        "webpack-dev-server": "^1.14.1",
        "exports-loader": "^0.6.3",
        "expose-loader": "^0.7.1",
        "imports-loader": "^0.6.5",
        "tsconfig-lint": "^0.7.0"
      }

But after building my project I get following error:

ERROR in C:\Users\akhilesh.kumar\Desktop\ang17\node_modules\angular2-jwt\angular2-jwt.d.ts (1,61): error TS2307: Cannot find module '@angular/http'.

ERROR in ./~/angular2-jwt/angular2-jwt.js Module not found: Error: Cannot resolve module '@angular/core' in C:\Users\akhilesh.kumar\Desktop\ang17\node_modules\angular2-jwt @ ./~/angular2-jwt/angular2-jwt.js 11:13-37

ERROR in ./~/angular2-jwt/angular2-jwt.js Module not found: Error: Cannot resolve module '@angular/http' in C:\Users\akhilesh.kumar\Desktop\ang17\node_modules\angular2-jwt @ ./~/angular2-jwt/angular2-jwt.js 12:13-37

shizhen · Accepted Answer · 2019-01-26 04:34:52Z

11

you need to add dependencies of angular2-jwt:

npm install angular2-jwt --save

edited Jan 26, 2019 at 4:34

shizhen

12.6k9 gold badges55 silver badges94 bronze badges

answered Dec 26, 2017 at 6:57

Vijay Chauhan

1,31219 silver badges18 bronze badges

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

2 Comments

Prabah Over a year ago

this works, the accepted answer seems not working!

Yannick Mussche Over a year ago

My project didn't want to update first, '--force' helped

Thierry Templier · Accepted Answer · 2016-05-12 12:17:19Z

7

The @angular/http is only available from RC versions of Angular2. Before it was angular2/http.

Since the angular2-jwt library requires the @angular/http module, you need to upgrade your application to a RC version of Angular2.

For this you can update your package.json file and execute the command: npm install:

"dependencies": {
   "@angular": "2.0.0-rc.1",
   (...)
}

edited May 12, 2016 at 12:17

answered May 12, 2016 at 11:58

Thierry Templier

203k44 gold badges407 silver badges366 bronze badges

4 Comments

Akhilesh Kumar Over a year ago

Can I downgrade my angular2-jwt somewhere when it uses angular2/http

Akhilesh Kumar Over a year ago

So should I have to put it in only my package.json or I need to change my project as well? If I'm going to use RC Version.

Thierry Templier Over a year ago

No changing the package.json file and run npm install is enough. I updated my answer...

ecamur Over a year ago

This is not a correct solution anymore. The correct solution is " npm install angular2-jwt --save "

shizhen · Accepted Answer · 2019-01-26 04:34:40Z

2

try this:

npm install @angular/http@latest

edited Jan 26, 2019 at 4:34

shizhen

12.6k9 gold badges55 silver badges94 bronze badges

answered Jan 12, 2019 at 19:18

Rahul Verma

56310 silver badges24 bronze badges

1 Comment

Andrew Over a year ago

While this code may answer the question, providing additional context regarding how and/or why it solves the problem would improve the answer's long-term value

Akhilesh Kumar · Accepted Answer · 2016-05-12 13:18:24Z

As Thierry said "@angular/... supported later version of angular then "^2.0.0-rc.0"

So I changed The dependencies as follows:

"dependencies": {
    "@angular/common": "^2.0.0-rc.1",
    "@angular/compiler": "^2.0.0-rc.1",
    "@angular/core": "^2.0.0-rc.1",
    "@angular/http": "^2.0.0-rc.1",
    "@angular/platform-browser": "^2.0.0-rc.1",
    "@angular/platform-browser-dynamic": "^2.0.0-rc.1",
    "@angular/platform-server": "^2.0.0-rc.1",
    "@angular/router-deprecated": "^2.0.0-rc.1",
    "angular2-jwt": "0.1.15",
    "es6-promise": "^3.2.1",
    "es6-shim": "^0.35.0",
    "jwt-decode": "^2.0.1",
    "reflect-metadata": "0.1.2",
    "rxjs": "^5.0.0-beta.6",
    "zone.js": "^0.6.12"
  },

and changed imports as follows

import {enableProdMode, provide} from "@angular/core";
import {ELEMENT_PROBE_PROVIDERS} from '@angular/platform-browser';
import {bootstrap} from '@angular/platform-browser-dynamic';
import {ROUTER_PROVIDERS} from '@angular/router-deprecated';
import {Http,HTTP_PROVIDERS} from '@angular/http';
import { AuthConfig, AuthHttp } from 'angular2-jwt';

It worked.

Thomas Rbt · Accepted Answer · 2017-05-31 08:41:03Z

1

Providers have Http included by default, and in order to use Http in your app you will need to add the HttpModule to your app.module.ts:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule, ErrorHandler } from '@angular/core';
import { HttpModule } from '@angular/http';
...
  imports: [
    BrowserModule,
    HttpModule,
    IonicModule.forRoot(MyApp),
    IonicStorageModule.forRoot()
  ],
...

answered May 31, 2017 at 8:41

Thomas Rbt

1,5521 gold badge15 silver badges29 bronze badges

Comments

shizhen · Accepted Answer · 2019-01-26 04:35:04Z

1

It might be problem with your npm, Try to install the latest version of npm.

Linux:

npm install -g npm@lts

edited Jan 26, 2019 at 4:35

shizhen

12.6k9 gold badges55 silver badges94 bronze badges

answered Sep 15, 2016 at 11:18

Nageswara Rao Maridu

1571 silver badge8 bronze badges

Comments

dqureshiumar · Accepted Answer · 2021-02-19 22:41:27Z

1

Currently in Angular 11 what error I faced was, I was installing npm install angular2-jwt but for Angular 11 this wont work.

So we need to first remove the above package using npm uninstall angular2-jwt

Install npm install @auth0/angular-jwt and then we can perform Token Authentication, if one is also stuck on Token Authentication

For further documentation one can visit https://github.com/auth0/angular2-jwt

answered Feb 19, 2021 at 22:41

dqureshiumar

9681 gold badge8 silver badges20 bronze badges

Comments

Rupesh · Accepted Answer · 2018-12-23 20:41:22Z

0

This is my angular and node config :-

Angular CLI: 7.1.4 , Node: 10.6.0 , Angular: 7.1.4

and I fixed this

angular2-jwt.d.ts gives “Cannot find module '@angular/http” error

using

npm i @angular/http@^2.0.0||^4.0.0  --save

answered Dec 23, 2018 at 20:41

Rupesh

8901 gold badge15 silver badges30 bronze badges

Comments

shizhen · Accepted Answer · 2019-01-26 04:34:22Z

0

In angular 7 we use HttpClient instead of Http

You can import it like this

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

edited Jan 26, 2019 at 4:34

shizhen

12.6k9 gold badges55 silver badges94 bronze badges

answered Jan 26, 2019 at 4:11

indrajeet

89710 silver badges17 bronze badges

Collectives™ on Stack Overflow

angular2-jwt.d.ts gives "Cannot find module '@angular/http" error

9 Answers 9

2 Comments

4 Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

9 Answers 9

2 Comments

4 Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related