TypeScript任意类型定义报错求助：属性类型不兼容问题

我明白你需要定义一个支持两种属性结构的对象类型：每个属性值要么是纯字符串，要么是包含与外层键同名的字符串属性和btnWrap布尔属性的嵌套对象。之前的报错核心是没正确绑定外层键名与嵌套对象的键名，以及类型结构匹配错误导致的。

这里给出完整的解决方案：

步骤1：定义单个属性的约束类型 #

先通过泛型定义单个属性的可能结构，让嵌套对象的键名严格和外层键名保持一致：

// 单个属性的可选类型：要么是字符串，要么是包含同名键+btnWrap的对象
type PropValue<K extends string> = 
  string 
  | ({ [Key in K]: string } & { btnWrap: boolean });

步骤2：定义整个对象的类型 #

用映射类型构建完整的对象类型，确保每个键对应的属性都符合上面的约束：

// 泛型对象类型，T是对象所有键名的联合类型
type MyObj<T extends string> = {
  [Key in T]: PropValue<Key>;
};

正确使用示例 #

根据你提供的示例键名，直接指定泛型参数即可：

// 第一种结构：所有属性都是字符串
const obj1: MyObj<'key1' | 'key2' | 'key3'> = {
  key1: 'val1',
  key2: 'val2',
  key3: 'val3'
};

// 第二种结构：部分属性为嵌套对象
const obj2: MyObj<'key1' | 'key2' | 'key3'> = {
  key1: 'val1',
  key2: { key2: 'val2', btnWrap: true },
  key3: 'val3'
};

如果需要支持任意未知键名，也可以用更灵活的版本：

type FlexibleMyObj = {
  [K in string]: PropValue<K>;
};

// 使用示例
const flexibleObj: FlexibleMyObj = {
  username: 'Alice',
  email: { email: 'alice@example.com', btnWrap: false }
};

为什么之前的定义会报错？ #

• 第一个错误Property 'btnWrap' of type 'boolean' is not assignable to string index type 'string'：通常是因为你用了字符串索引签名（比如{ [key: string]: string | ... }），但嵌套对象的btnWrap是布尔类型，和字符串索引的类型约束冲突了。
• 第二个错误Type '{ 'arr1': string; 'btnWrap': boolean; }' is not assignable to type 'string | boolean'：这是因为你错误地把属性值类型定义成了string | boolean，但实际需要的是string | 特定结构的对象，类型范围不匹配导致的。

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