TypeScript映射类型添加额外自定义属性报错原因咨询

报错核心原因 #

你遇到的问题本质是映射类型语法和普通对象类型的显式键声明语法不能直接混写在同一个对象类型字面量中，触发了TypeScript的语法解析错误：

• 你第一种单独写的 { [key in Category]: string } 是标准的「映射类型（Mapped Type）」语法：[key in 联合类型] 是TypeScript专门设计的类型层面运算符，作用是遍历联合类型的所有成员，自动生成对应键的类型定义，这个上下文里Category作为类型使用是完全合法的。
• 当你在同一个对象类型字面量里先声明了customKey1: string这类显式键后，TypeScript会把后续的方括号语法解析为普通值层面的计算属性声明，而不是类型层面的映射遍历逻辑：普通计算属性要求方括号内是一个值层面的表达式，但你写入的是类型Category，自然就会抛出「Category是类型不能作为值使用」「计算属性类型非法」这类报错。

正确实现方案 #

不需要修改全局共用的Category类型，只需要用交叉类型把显式键的类型和映射类型合并即可：

const obj: {
  customKey1: string
  customKey2: string
} & {
  [key in Category]: string
} = {
  // 正常填写所有属性即可
}

你也可以用TS内置的Record工具类型简化映射类型的写法：

const obj: { customKey1: string, customKey2: string } & Record<Category, string> = {}

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