TypeScript动态键对象类型定义遇TS2411错误：如何解决？

错误原因 #

你定义的Item接口里，[key: string]: Data这个索引签名规定了所有字符串键的属性都必须是Data类型，但你同时声明了revenue（string类型）、items（number类型）、orders（number类型）这些属性，它们的类型和索引签名要求的Data类型完全不兼容，所以TypeScript抛出了类型不匹配的错误。

修复方案 #

根据你的数据结构，需要拆分类型定义，把动态键对应的子对象和顶层固定属性分开处理：

1. 先定义动态键（比如bike、car）对应的子对象类型：

interface CategoryStats {
  revenue: string;
  items: number;
  orders: number;
  data: Data[]; // 对应数据里的空数组，类型为Data元素的数组
}

2. 再定义顶层数据的类型，用交叉类型结合固定属性和动态索引：

type TopLevelStats = {
  revenue: string;
  items: number;
  orders: number;
} & {
  [key: string]: CategoryStats;
};

3. 保留你原来的Data接口（对应data数组里的元素类型）：

export interface Data {
  id: number;
  name: string;
  gl_code: number;
  items: number;
  orders: number;
  revenue: string;
  minutes: number;
}

这样定义后，TypeScript既能识别顶层的revenue、items、orders固定属性，也能兼容bike、car这类动态键对应的CategoryStats类型，不会再出现类型不匹配的错误。

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