Angular 15编译报错：Object类型无法分配给自定义数组类型

这个错误的核心是类型不兼容，具体原因有两点：

• HttpClient的get方法默认返回Object类型：如果调用HttpClient.get()时不指定泛型，Angular会将API响应数据解析为最宽泛的Object类型，而你定义的saleChart是结构明确的自定义数组类型，TypeScript的严格类型检查不允许将宽泛的Object直接赋值给严格约束的自定义类型。
• 未对API响应做类型约束：你没有明确告知TypeScript API返回数据的具体结构，编译器无法识别响应数据和saleChart的类型匹配关系，只能将其判定为Object类型，从而触发赋值时的类型不兼容错误。

快速修正示例 #

在customers.service.ts中给HttpClient.get()指定泛型，明确返回数据的类型：

// 假设你在chart-data.ts中导出了对应的类型，比如SaleChart
import { SaleChart } from './chart-data';

// 在服务的方法中指定泛型
getSaleChartData() {
  return this.http.get<SaleChart>('/api/your-chart-data');
}

这样组件中订阅该方法返回的Observable时，数据类型会自动匹配saleChart的定义，不会再触发类型错误。

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