如何将角HttpModule导入根NgModule

src / app / app.component.ts看起来像：

import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar,Splashscreen } from 'ionic-native';


import { LoginPage } from '../pages/login/login';


@Component({
  templateUrl: 'app.html'
})
export class MyApp {
  rootPage = LoginPage;

  constructor(platform: Platform) {
    platform.ready().then(() => {

      StatusBar.styleDefault();
      Splashscreen.hide();
    });
  }
}

src / app / app.module.ts看起来像：

import { NgModule,ErrorHandler } from '@angular/core';
import { IonicApp,IonicModule,IonicErrorHandler } from 'ionic-angular';
import { MyApp } from './app.component';
import { LoginPage } from '../pages/login/login';
import { AuthService } from '../providers/auth-service';
import { HttpModule,JsonpModule } from '@angular/http';

@NgModule({
  declarations: [
    MyApp,LoginPage,HttpModule,JsonpModule,],imports: [
    IonicModule.forRoot(MyApp)
  ],bootstrap: [IonicApp],entryComponents: [
    MyApp,LoginPage
  ],providers: [{provide: ErrorHandler,useClass: IonicErrorHandler},AuthService]
})
export class AppModule {}

当然,还定义了任何其他必需的文件(page / login / login.*和provider / auth-service.ts),因此不会丢失文件或服务错误.

问题：

当我通过离子服务构建应用程序时,该过程完成没有错误,但是当在浏览器中启动应用程序时,我收到此错误：

模块“AppModule”声明的意外模块“HttpModule”
不过我只是按照this tutorial from the official documentation的说明.
几个小时以来我一直在谷歌搜索没有找到解决方法.
谁能告诉我我做错了什么？