Httpのプロバイダはありません！エラー：Httpのプロバイダがありません！ at injectionError

Question

未知（約束）：エラー：Httpのプロバイダがありません！エラー：Httpのプロバイダがありません！

injectionError

のコンポーネントファイル：

import { Component,Injectable } from '@angular/core'; 
import { HttpModule, Http } from '@angular/http'; 
import { IonicPage, NavController, NavParams, AlertController } from 'ionic-angular'; 
import { Observable } from 'rxjs/Observable'; 
import 'rxjs/add/operator/map'; 
import { Camera } from 'ionic-native' 
import firebase from 'firebase' 

@IonicPage() 
@Component({ 
    selector: 'page-user-main', 
    templateUrl: 'user-main.html', 
}) 
export class UserMainPage { 
    picdata:any 
    picurl:any 
    mypicref:any 
    public people: any; 

    constructor(public navCtrl: NavController, public navParams: NavParams, 
    public alertCtrl: AlertController, public http: Http 
    ) { 
    // this.films = this.http.get('http://0.0.0.0:3000/'); 
    } 
} 

module.ts

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 
import { HttpModule, Http } from '@angular/http'; 
import { IonicPageModule } from 'ionic-angular'; 

@NgModule({ 
    declarations: [ 
    UserMainPage, 
    ], 
    imports: [ 
    BrowserModule, 
    IonicPageModule.forChild(UserMainPage), 
    HttpModule 
    ]}) 
export class UserMainPageModule {} 

ランタイムエラー（約束で） キャッチされない：エラー：HTTPのないプロバイダ！エラー：Httpのプロバイダがありません！ noProviderError

UPDATEでinjectionError（http://localhost:8100/build/vendor.js:1788:90）で：App.module.ts

Answer 1

にプロバイダーを追加した後に修正されたエラーこれは全くお勧めしません。ページのconstructor()にHTTPを挿入してはなりません。反パターンです。そのためにproviderを作成する必要があります。その後、そのプロバイダをpageに挿入することができます。

CLI

ionic generate provider MyProvider