没有ConnectionBackend for ionic 2的提供者

Question

即时通讯使用离子2和我创建一个简单的服务

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';

@Injectable()
export class EliteApi {

  private baseUrl="https://myurl.com";
    constructor(private http:Http) { }

    getTournaments(){
      return new Promise(resolve =>{
        this.http.get(this.baseUrl + 'tournaments.json').subscribe(res => resolve(res.json()));

      });
    }
}

然后我在这样的app.component.ts上导入它来注册服务

import { EliteApi } from './shared/shared';
import {Http} from "@angular/http";

@Component({
  templateUrl: 'app.html',
  providers: [EliteApi,Http]
})

在我的页面上,我导入服务

import { EliteApi } from '../../app/shared/shared';

并且在加载的事件上我写了这个来获取json数据

  ionViewLoaded(){
    this.eliteApi.getTournaments().then(data => this.tournaments = data);
  }

它给了我例外说没有ConnectionBackend的提供者!

我尝试过像这里类似的一些问题,将服务放在提供商身上

@NgModule({providers:[EliteApi

但同样的错误

Answer 1

你有没有导入HttpModule你的App模块？

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

@NgModule({
   imports: [HttpModule]
})