TypeScript使用可选链操作符报属性不存在类型错误如何解决

以下是几种可行的绕过方案：

• 使用any类型断言
  最简便的方式是将访问对象临时断言为any类型，跳过类型校验：

  const dogName = (adventurer as any)?.dog;
  

• 扩展原类型定义，添加可选属性
  如果该属性确实可能存在于对象中，可直接在类型声明中补充可选的dog属性：

  const adventurer: {name: string; cat: Record<string, string>; dog?: Record<string, string>} = {
    name: 'Alice',
    cat: {
      name: 'Dinah'
    }
  };
  const dogName = adventurer?.dog;
  

• 给类型添加索引签名
  如果对象可能存在多个不确定的动态属性，可以给类型加上字符串索引签名，允许任意属性访问：

  const adventurer: {name: string; cat: Record<string, string>; [key: string]: unknown} = {
    name: 'Alice',
    cat: {
      name: 'Dinah'
    }
  };
  const dogName = adventurer?.dog;
  

• 使用// @ts-ignore注释
  可以在报错行的上一行添加该注释，强制忽略当前行的类型校验，该方式会跳过所有类型检查，非必要不推荐使用：

  // @ts-ignore
  const dogName = adventurer?.dog;
  

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