angular2 No provider for Http in Angular v4

Question

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

When I use http I get a error that "No provider for Http",

then I import HTTP_PROVIDERS but HTTP_PROVIDERS has no exported member

Read the documentation and follow the tutorials. – Sep 14 '17 at 04:11 — , Sep 14 '17 at 04:11

score 0 · Accepted Answer · edited Sep 14 '17 at 04:10

0

I have created plunker on inserting http. Read more about http module

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

@NgModule({
 imports: [ BrowserModule, HttpClientModule ],
 declarations: [ App ],
 bootstrap: [ App ]
})
export class AppModule {}

edited Sep 14 '17 at 04:10

answered Sep 14 '17 at 01:53

alexKhymenko

5,450
23
40

Sorry It's not work – toney Sep 14 '17 at 02:01
1

:-) thats why i created plunker. to show it works. anyway to use it you should write constructor(private http: HttpClient) {} – alexKhymenko Sep 14 '17 at 02:04
Cause old client will be deprecated. – alexKhymenko Sep 14 '17 at 02:05
like this ? import {HttpClient} from "@angular/common/http"; constructor(private http: HttpClient) { console.log(this.http); } It is still not work with error "No provider for HttpClient" – toney Sep 14 '17 at 04:43
Have You done this line imports: [ BrowserModule, HttpClientModule ], – alexKhymenko Sep 14 '17 at 04:45

score 0 · Answer 2 · answered Sep 14 '17 at 01:54

0

HTTP_PROVIDERS was deprecated in current version. But which verions of angular cli, angular compiler, and angular core do you use? in latest version, you have to use this:

/* in app.module.ts */
import { HttpModule } from '@angular/http';


@NgModule({
  imports: [BrowserModule, HttpModule],
  ....
}

answered Sep 14 '17 at 01:54

nickj

330
1
7
15

@angular/cli: 1.3.2 node: 6.11.0 os: win32 x64 @angular/animations: 4.3.6 @angular/common: 4.3.6 @angular/compiler: 4.3.6 @angular/core: 4.3.6 @angular/forms: 4.3.6 @angular/http: 4.3.6 @angular/platform-browser: 4.3.6 @angular/platform-browser-dynamic: 4.3.6 @angular/router: 4.3.6 @angular/cli: 1.3.2 Here is my angular version just only import HttpModule It is not work – toney Sep 14 '17 at 02:02
Hi toney, as I commented, you have to use HttpModule, and then import that to @NgModule. – nickj Sep 14 '17 at 02:04

angular2 No provider for Http in Angular v4

2 Answers2