角度4:在功能模块中使用在SharedModule中导入的模块和组件

问题是,我有 SharedModule ProtectedModule 我想用 module component 第页,共页 共享模块 在里面 s和 第页,共页 ;

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { HttpModule, Http } from '@angular/http';
import { TranslateModule } from '@ngx-translate/core';

import { ComponentsModule } from './components/components.module';
import { DirectivesModule } from './directives/directives.module';
import { PipesModule } from './pipes/pipes.module';

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    HttpModule,
    Http,
    ComponentsModule,
    DirectivesModule,
    PipesModule
  ],
  exports: [
    CommonModule,
    FormsModule,
    HttpModule,
    Http,
    TranslateModule,
    ComponentsModule,
    DirectivesModule,
    PipesModule
  ],
  declarations: []
})
export class SharedModule { }

import { NgModule } from '@angular/core';

import { SharedModule } from '../shared/shared.module';
import { ProtectedRoutingModule } from './protected-routing.module';
import { ProtectedComponent } from './protected.component';
import { LoginComponent } from './login/login.component';
import { LoginService } from './login/login.service';

@NgModule({
  imports: [
    SharedModule,
    ProtectedRoutingModule
  ],
  declarations: [
    ProtectedComponent,
    LoginComponent
  ],
  exports: [
    SharedModule
  ],
  providers: [
    LoginService
  ]
})
export class ProtectedModule { }

login.service.ts 我想用的地方 HttpModule 在中导入 共享模块 和 LoginService 导入到 受保护模块 .

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

@Injectable()
export class LoginService {

  private loginUrl = 'http://localhost/kpittu/index.php/user/authorization';

  constructor(private http: Http) { }

  login(): void {

  }

}

当我使用 HTTPM模块 出现错误:

编辑:

角度版本:

@angular/cli: 1.2.0
node: 8.0.0
os: linux x64
@angular/animations: 4.3.6
@angular/common: 4.3.6
@angular/compiler: 4.3.6
@angular/core: 4.3.6
@angular/forms: 4.3.6
@angular/http: 4.3.6
@angular/platform-browser: 4.3.6
@angular/platform-browser-dynamic: 4.3.6
@angular/router: 4.3.6
@angular/cli: 1.2.0
@angular/compiler-cli: 4.3.6
@angular/language-service: 4.3.6