Javascript typescript错误-属性类型'；标题'；不相容

我的角度应用程序有问题。当我尝试执行

http

调用时，我收到一个typescript错误

这是错误输出：

[09:36:28]typescript:C:/xampp/htdocs/project x/anonymous social/src/pages/home/home.ts，第184行 类型为“{headers:HttpHeaders；}”的参数不能分配给类型为“RequestOptions参数”的参数。 属性“headers”的类型不兼容。类型“HttpHeaders”不可分配给类型“Headers”。 类型“HttpHeaders”中缺少属性“forEach”

L183:this.http.post（url，JSON.stringify（有效负载）

L184:{headers:newhttpheaders（{'Content-Type'：'application/json；charset=utf-8'}）}）

L185:.map（（res:Response）=>{

我不完全确定它不喜欢什么

这是我的实际代码：

我正在加载

http

和

/common/http

import { HttpHeaders } from "@angular/common/http";
import { Http, Response } from "@angular/http";

然后在构造函数中：

private http: Http,

最后是我的js：

getCall(url, payload, text) {
  this.http.post(url, JSON.stringify(payload),
  {headers: new HttpHeaders({'Content-Type': 'application/json; charset=utf-8'})})
  .map((res:Response) => {
    console.log(res)
})

---

知道我做错了什么吗？如果有任何帮助，我们将不胜感激！

这是我设置标题的方式，我使用的是

标题

，而不是

HttpHeaders

：

import { Http, Response, Headers, RequestOptions } from "@angular/http";

// ...

const headers = new Headers({ 'Content-Type': 'application/json; charset=utf-8' });
const options = new RequestOptions({ headers: headers });

// ...