TypeScript类型定义报错：关联Campus与School的嵌入类型实现问题

错误根源在于你定义的Campus和School类型里的索引签名：[key: string]: string | number，它强制要求所有字符串键的属性类型必须是string或number。但你扩展的接口中新增的school（类型为School对象）和campuses（类型为Campus数组），都不符合这个类型限制，因此触发了类型冲突错误。

以下是两种可行的解决思路：

方案一：移除不必要的索引签名（推荐） #

如果你的业务场景不需要动态添加任意字符串键的属性，直接删除基础类型里的索引签名即可，这是最简洁且类型安全的方案：

// 基础校区类型
type Campus = {
  zip_code: number;
  address: string;
  name: string;
};

// 基础学校类型
type School = {
  name: string;
  interests: number;
  contactEmail: string;
};

// 包含关联学校信息的校区类型
interface CampusWithSchool extends Campus {
  school: School;
}

// 包含关联校区数组的学校类型
interface SchoolWithCampuses extends School {
  campuses: Campus[];
}

方案二：保留索引签名（需动态扩展属性时使用） #

如果确实需要允许动态添加任意字符串键的属性，需要调整索引签名的类型范围，让它能容纳新增的对象/数组类型。但这种方式会降低类型安全性，谨慎使用：

type Campus = {
  zip_code: number;
  address: string;
  name: string;
  // 扩展索引签名，允许对象、数组类型
  [key: string]: string | number | object | any[];
};

type School = {
  name: string;
  interests: number;
  contactEmail: string;
  // 同步扩展学校类型的索引签名
  [key: string]: string | number | object | any[];
};

interface CampusWithSchool extends Campus {
  school: School;
}

interface SchoolWithCampuses extends School {
  campuses: Campus[];
}

额外说明 #

你之前尝试的嵌套写法完全没必要，直接在扩展接口里声明school: School就符合需求，不需要额外嵌套一层冗余的对象结构。

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