Angular服务解析JSON对象报错：Property 'code'不存在于Object类型

你遇到的TS2339错误是因为TypeScript默认将HTTP响应推断为Object类型，而Object没有你要访问的code、result等属性。以下是几种解决方法：

1. 定义响应接口（推荐） #

先创建一个匹配预期响应结构的接口，在HTTP请求中指定该类型，让TypeScript明确响应的属性：

// 定义响应结构的接口
interface ApiResponse {
  code: number;
  formula: string;
  result: number;
  status: string;
}

// 在get请求中指定接口类型
this.httpClient.get<ApiResponse>(this.url + formula).subscribe(response => {
  this.response = response;
  this.code = response.code; // 正常访问，无类型错误
  this.result = response.result;
  this.status = response.status;
});

这种方式能获得类型检查和代码提示，是Angular开发的最佳实践。

2. 使用类型断言 #

如果不想单独定义接口，可以通过类型断言直接指定响应的结构：

this.httpClient.get(this.url + formula).subscribe(response => {
  const typedResponse = response as {
    code: number;
    formula: string;
    result: number;
    status: string;
  };
  this.response = typedResponse;
  this.code = typedResponse.code;
});

3. 使用any类型（不推荐） #

这种方式会跳过TypeScript的类型检查，虽然能快速解决错误，但失去了类型安全的优势：

this.httpClient.get<any>(this.url + formula).subscribe(response => {
  this.response = response;
  this.code = response.code;
});

内容的提问来源于stack exchange，提问作者zspirit