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?


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:


1 Like

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.