Reputation: 1043

cannot find module '@angular/http'?

I added the following property to my systemjs.config.js map object in my Angular 2 app:

'@angular/http': 'https://npmcdn.com/@angular/http'

When I ctrl-click on the url it attempts to download a js file. However, when I try to import from '@angular/http' at the top of my service.ts, the compiler returns the error "Cannot find module '@angular/http'.`"

Is there an additional step that I'm missing in order for this module to be recognized and usable by my angular app? I'm using Angular version 2.0.0-rc.4.

Upvotes: 55

Answers (16)

loay Afaneh

Reputation: 1

npm install @angular/[email protected]

version 2.1.2 is required

Upvotes: 0

Rohit Bagjani

Reputation: 1314

run this in terminal:

npm install @angular/http@latest

Update for Angular 5+ versions:

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

instead of HttpModule and Http respectively.

Upvotes: 127

Akib Sayyed

Reputation: 99

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

instead of

import { Http } from '@angular/http';

And in app.module.ts :

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

Upvotes: 8

nipun-kavishka

Reputation: 922

@angular/http is deprecated

try this:

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

in the constructor:

 constructor(public http: HttpClient) { }

Upvotes: 2

Shaun Emslie

Reputation: 21

@angular/http is deprecated.

Try:

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

refer to https://angular.io/guide/deprecations#angularhttp for more info.

If you insist on using @angular/http try:

npm install @angular/http@latest

import { Http } from '@angular/http';

Upvotes: 2

Mohamed A M-Hassan

Reputation: 443

The entire @angular/http package has been removed. Use @angular/common/http instead.

Replace HttpModule with HttpClientModule (from @angular/common/http) in each of your modules.

So you can import like: import { HttpClient } from '@angular/common/http';

for more info, read this: https://angular.io/guide/deprecations#angularhttp

Upvotes: 2

Jm Paunlagui

Reputation: 21

Try this, it works! HttpClientModule

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

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    *HttpClientModule,*
    ReactiveFormsModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

It worked in my code

Upvotes: 2