No provider for Http! error in ionic


full error:

Runtime Error
Uncaught (in promise): Error: No provider for Http! Error at g (http://localhost:8100/build/polyfills.js:3:7133) at injectionError (http://localhost:8100/build/main.js:1511:86) at noProviderError (http://localhost:8100/build/main.js:1549:12) at ReflectiveInjector_.throwOrNull (http://localhost:8100/build/main.js:3051:19) at ReflectiveInjector.getByKeyDefault (http://localhost:8100/build/main.js:3090:25) at ReflectiveInjector.getByKey (http://localhost:8100/build/main.js:3022:25) at ReflectiveInjector.get (http://localhost:8100/build/main.js:2891:21) at AppModuleInjector.get (ng:///AppModule/module.ngfactory.js:272:103) at AppModuleInjector.getInternal (ng:///AppModule/module.ngfactory.js:505:51) at AppModuleInjector.NgModuleInjector.get (http://localhost:8100/build/main.js:3855:44) at resolveDep (http://localhost:8100/build/main.js:11260:45) at createClass (http://localhost:8100/build/main.js:11128:32) at createDirectiveInstance (http://localhost:8100/build/main.js:10954:37) at createViewNodes (http://localhost:8100/build/main.js:12303:49) at createRootView (http://localhost:8100/build/main.js:12208:5)

This is happening when i try to implement services i.e provider.

can anyone help real quick?

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

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: [


the issue with my code was i was import http in my provider file which was not at all reuired in my app so i removed the import…and it solved the issue.

And if you are using import http…then you should import HttpModule in the app.module.ts it will solve the issue.

import { HttpModule } from '@angular/http'; 
imports:[..., HttpModule],..


Many thanking for you joshmorony :slight_smile:


Thanks You @joshmorony


thaaaannnnkkksssss :grin:


Gracias me sirvió mucho!


In Your youtube video "Loading Remote JSON DATA with HTTP in IONIC 2 no HttpModule in imports in app.module.ts: …


thanks bro…
thank q sooooo much…


Even after changing the import in app.module.ts I still receive the error. :confused:



can you provide the code which use have for the provider and app.module.ts here…


Do you run Ionic 2.0 or 3.0?


@riteshbhat17 Sure…


Yor app.module.ts should look like this in Ionic 3.X

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

imports: [

And then you can import the Http Module in your provider

import { Http } from '@angular/http';
constructor(private http: Http) { }

You can follow my Ionic 3 guide here: Guide: How to update to Ionic 3.X


Component? Not module?


Ups :open_mouth: I changed it


Thanks You @joshmorony,

It’s work perfectly after added

import { HttpModule } from ‘@angular/http’;


imports: [
** BrowserModule,**
** HttpModule,**
** IonicModule.forRoot(MyApp),**
** IonicStorageModule.forRoot()**
** ],**


thanks for your solution, but after including httpModule am getting below error

Error: Encountered undefined provider! Usually this means you have a circular dependencies (might be caused by using ‘barrel’ index.ts files.

Please help me


Thanks, man, you saved my day!


Very Good! Congratulations, all likes the your posts.