TypeScript报错：Property 'results'不存在于Object类型，求解决

嘿，这个问题我太熟了——TypeScript的类型检查在这里跟你较真儿呢！虽然代码跑起来没问题，但TS压根不知道你拿到的响应对象里有results属性，所以才会抛出这个编译错误。咱们一步步把它搞定：

你用HttpClient请求数据后，TypeScript默认把响应的类型推断成了Object，而原生的Object类型里并没有results这个属性。虽然运行时API确实返回了带results的结构，但TS编译时没法提前知道这一点，所以就报错了。

1. 定义完整的响应类型（最推荐，长期维护友好） #

既然你已经有了CountryDetails接口，那咱们再补一个包含results的父接口，明确告诉TS响应的结构：

// 先补全你的CountryDetails接口（假设还有其他属性）
interface CountryDetails {
  countryLongName: string;
  countryShortCode: string; // 示例属性，根据实际情况调整
  // 其他返回字段...
}

// 新增API响应的顶层接口
interface CountryApiResponse {
  results: CountryDetails[]; // 这里要和API返回的结构匹配，比如是数组还是单个对象
}

然后在HttpClient请求时指定这个类型：

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';

// 上面的两个接口放这里...

@Injectable()
export class YourServiceName {
  constructor(private http: HttpClient) {}

  getCountryDetails(): Observable<CountryDetails[]> {
    // 给get方法指定泛型类型CountryApiResponse
    return this.http.get<CountryApiResponse>('你的API地址')
      .map(response => response.results); // 现在TS知道response有results属性了！
  }
}

2. 临时用类型断言（应急用，不推荐长期依赖） #

如果不想马上定义完整接口，也可以用类型断言直接告诉TS这个对象的结构：

.map(response => (response as CountryApiResponse).results)
// 或者更粗暴一点（但会完全绕过TS检查）：
.map(response => (response as any).results)

⚠️ 注意：这种方式相当于关掉了TS对这段代码的类型检查，长期用会让代码失去TypeScript的类型安全优势，所以只适合临时测试用。

3. 检查HttpClient的使用方式 #

看你代码里还导入了@angular/http的Response，现在Angular推荐用@angular/common/http的HttpClient，它默认会自动解析JSON响应，不需要手动写map(res => res.json())。如果你之前有手动解析的习惯，可能会导致类型混乱，记得去掉多余的解析步骤。

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