Runtime Error Uncaught (in promise): Error: StaticInjectorError[HTTP]: StaticInjectorError[HTTP]: NullInjectorError: No provider for HTTP!

eliikiisse4 · November 30, 2017, 12:21pm

SigmundFroyd · November 30, 2017, 1:50pm

dery · December 1, 2017, 4:16pm

add this in app.module

import { HTTP } from '@ionic-native/http';

imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp),
   HTTP
  ],

eliikiisse4 · December 1, 2017, 6:59pm

Thanks!
But I done it and it didn’t work,
They told me to to used HTTPModule also, it’s the same

emadhidemo · December 3, 2017, 6:39pm

Hi, I faced this issue and fix it with importing both of:
import { Http } from '@angular/http’
import { HttpClientModule } from ‘@angular/common/http’;

emadhidemo · December 4, 2017, 9:48am

Don’t forget to add HttpClientModule to the app.module providers also

Francdev · February 7, 2018, 6:12am

Hey guys, i have seen the above suggestions but i keep on getting this error:

“Unexpected value ‘HTTP’ imported by module ‘AppModule’ . Please add a @NgModule annotation”.

How can i solve this, kindly assist.

vgonsalez · March 16, 2018, 4:21pm

In app.module.ts

Add import { HTTP } from ‘@ionic-native/http’;
Add HTTP into providers: [ … HTTP …];

It worked for me (:

emadhidemo · April 22, 2018, 8:38pm

Another right way:
import { HttpModule } from ‘@angular/http’; on app.module.ts
import { Http } from ‘@angular/http’; on the page you’ll work on it with the constructor injection (public http: Http,) … so now you can manipulate with commands like this.http.get(…)

mohammad77 · May 17, 2018, 2:36am

@emadhidemo @vgonsalez @Francdev @dery

Hi guys, i have the same problem and tried all the above but non of them works. Please suggest me any other way i am facing this issue for the last two weeks but couldn’t solve yet.

emadhidemo · May 17, 2018, 7:32pm

So the get like that: this.http.get(url).map(res => res.json()).subscribe(data=>{ … })

emadhidemo · May 17, 2018, 7:35pm

I Worte it as a steps hereunder,

mohammad77 · May 21, 2018, 1:53am

i should write my file name in firebase instead of res.json??? @emadhidemo

mohammad77 · May 21, 2018, 8:25am

this is the error i have in

emadhidemo · May 21, 2018, 2:11pm

What you need to do exactly Mohamed maybe I can help, the page error code of the http import, firebase is different, the run time error you sent now “res”!?

mohammad77 · May 22, 2018, 1:03am

@emadhidemo thank you so much. the problem solved

rpicilli · May 26, 2018, 8:42pm

mohammad77 could be a good practice to post how you solve the problem, don’t you think so?

mohammad77 · May 28, 2018, 8:17am

I forgot put httpClientModule in the providers part . This i show i solved @rpicilli

rpicilli · May 28, 2018, 11:59am

Thank you Mohammad77 by your attention in reply.

giovannipds · August 17, 2018, 6:14pm

Worked, thank you very much.

Just a note if somebody fell here: you may not need both @angular/http and @angular/common/http, this package was renamed and updated by the Angular team. The newest version is the HttpClient (common/http). You’ll also have to import HttpClientModule (or the old HttpModule according to what you’re using).