You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Angular HttpClient添加Header报错:HttpSentEvent类型缺失属性求助

问题解答
  • 不需要修改IFilterResponse接口添加Header相关数据,这个错误和接口定义无关,是调用HttpClient.get的方式不对。
  • HttpClient.get的第二个参数应该是配置对象,而不是直接传入headers实例。你当前直接传this.headers,导致类型不匹配,触发了HttpSentEvent相关的类型错误。

正确写法:

getdataForFilters(): Promise<IFilterResponse> {
  return this.httpClient.get<IFilterResponse>(`${this.url}/filters`, {
    headers: this.headers
  }).toPromise();
}

原因说明:

HttpClient.get的第二个参数类型是HttpOptions,它包含headers、params、responseType等配置项。你直接传headers实例会被识别成整个配置对象,导致TypeScript类型校验失败,这和接口返回的数据结构IFilterResponse完全无关,所以不需要修改这个接口。

内容的提问来源于stack exchange,提问作者rajk

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.22 20:22:30