【问题标题】：Uncaught (in promise): Error: StaticInjectorError(AppModule)[employeService -> Http]:未捕获（承诺）：错误：StaticInjectorError(AppModule)[employeService -> Http]：
【发布时间】：2018-11-16 01:09:13
【问题描述】：

当我在服务的构造函数中使用Http 时，我遇到了上述错误。

员工服务代码

import { Component } from '@angular/core'
import { Injectable } from '@angular/core'
import { HttpModule } from '@angular/http';
import { Http, Response } from '@angular/http';
import { Observable } from 'rxjs/observable';
import 'rxjs/add/operator/map';

@Injectable()
export class employeService {
    constructor(public http: Http){ }

    getEmployeename(): Observable<string> {
        return this.http.get('http://localhost:53656/api/values/Getdata').map((resp: Response) =>
            resp.json()
        );
    }
}

我在员工组件中直接调用服务（而不是来自app.module.ts 文件）

员工组件代码

import { Component, OnInit } from '@angular/core';
import { employeService } from './Service/service';

@Component({  
    templateUrl: './app.employee.html',
    providers: [employeService]
})
export class EmployeeComponent implements OnInit {
    empName: string;

    constructor(private empService: employeService) { }

    ngOnInit() {
        this.empService.getEmployeename().subscribe(empName =>
            this.empName = empName
        );
    }
}

我在控制台中有此错误消息：

core.js:1598 ERROR Error: Uncaught (in promise): Error:       
StaticInjectorError(AppModule)[employeService -> Http]: 
StaticInjectorError(Platform: core)[employeService -> Http]: 
NullInjectorError: No provider for Http!
Error: StaticInjectorError(AppModule)[employeService -> Http]: 
StaticInjectorError(Platform: core)[employeService -> Http]: 
NullInjectorError: No provider for Http!
at

【问题讨论】：

标签： angular

【解决方案1】：

您需要将 HTTPModule 导入到您的主模块中。

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

@NgModule({
  declarations: [ ],
  imports: [
    ......
    HttpModule
  ]
....

更新

根据最新版本，您应该使用 HttpClientModule 而不是 HttpModule

像这样导入

import { HttpClientModule } from '@angular/common/http';

@NgModule({
  declarations: [ ],
  imports: [
    ......
    HttpClientModule
  ]
....

【讨论】：

谢谢！现在工作正常。我没有使用 app.module 中显示的上述服务，因为我希望仅在员工组件中使用该服务。
但是你需要在应用程序中使用的所有东西都需要注入到模块中
注意：这个答案是过时的！根据 Angular 的官方文档，您应该改用 HttpClientModule。
@MilanVelebit 感谢更新，我也更新了答案
我正在处理一个升级的项目，而 HttpClientModule 并没有解决这个问题，但已弃用的 HttpModule 是。一旦我发现我现在可以开始研究为什么我的代码不能使用新的 HttpClientModule。

【解决方案2】：

在 app.module.ts 中你应该使用 HttpClientModule 还将您的服务提供者导入提供者

【讨论】：