Currently working with ionic 3.2 and angular. To install the HTTP module (https://ionicframework.com/docs/native/http/), I used the following commands:
ionic cordova plugin add cordova-plugin-advanced-http
npm install --save @ionic-native/http
In my script file autenticar.ts, I included the line
import { HTTP } from '@ionic-native/http';import { Component, ViewChild } from '@angular/core';
import { NavController } from 'ionic-angular';
import { HTTP } from '@ionic-native/http';
@Component({
selector: 'page-autenticar',
templateUrl: 'autenticar.html'
})
export class AutenticarPage {
@ViewChild('username') username;
@ViewChild('password') password;
constructor(public navCtrl: NavController, public http: HTTP) {
console.log(http)
}
...
Upon reloading the app, I encountered the following error message:
Runtime Error Uncaught (in promise): Error: StaticInjectorError(AppModule) [AutenticarPage -> HTTP]: StaticInjectorError(Platform: core)[AutenticarPage -> HTTP]: NullInjectorError: No provider for HTTP! Error: StaticInjectorError(AppModule)[AutenticarPage -> HTTP]: StaticInjectorError(Platform: core)[AutenticarPage -> HTTP]: NullInjectorError: No provider for HTTP! at _NullInjector.get (http://localhost:8100/build/vendor.js:1376:19) at resolveToken (http://localhost:8100/build/vendor.js:1674:24) at tryResolveToken (http://localhost:8100/build/vendor.js:1616:16) at StaticInjector.get (http://localhost:8100/build/vendor.js:1484:20) at resolveToken (http://localhost:8100/build/vendor.js:1674:24) at tryResolveToken (http://localhost:8100/build/vendor.js:1616:16) at StaticInjector.get (http://localhost:8100/build/vendor.js:1484:20) at resolveNgModuleDep (http://localhost:8100/build/vendor.js:11228:25) at NgModuleRef_.get (http://localhost:8100/build/vendor.js:12461:16) at resolveDep (http://localhost:8100/build/vendor.js:12951:45)
I attempted to follow this answer, which suggested adding the line
import { HttpModule } from '@angular/http';app.module.ts file, as shown below:
import { NgModule, ErrorHandler } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { HttpModule } from '@angular/http';
import { MyApp } from './app.component';
....
imports: [
BrowserModule,
HttpModule,
IonicModule.forRoot(MyApp)
],
...
However, the error persisted despite these changes.