Cannot read properties of undefined (reading 'client'

🌐 错误翻译

原文：Cannot read properties of undefined (reading 'client')
译文：无法读取 undefined 的属性（正在读取 'client'）

🎯 原因分析

根本原因： 代码试图访问一个值为 undefined 的对象的 client 属性。

常见场景：

💡 解决方案

方案一：添加空值检查

// 错误代码
const clientName = response.data.client.name;

// 修复后 - 可选链操作符
const clientName = response?.data?.client?.name;

// 或传统写法
const clientName = response && response.data && response.data.client 
  ? response.data.client.name 
  : null;

方案二：提供默认值

const clientName = response?.data?.client?.name ?? '未知客户';

方案三：类型验证后再使用

if (response?.data?.client) {
  const clientName = response.data.client.name;
  // 使用 clientName
} else {
  console.error('client 数据不存在:', response);
}

🛡️ 预防措施

• 使用 TypeScript - 通过类型定义提前发现潜在的空值问题


• 启用 ESLint 规则 - 使用 @typescript-eslint/no-unnecessary-condition 等规则检测未检查的属性访问


• 统一错误处理 - 封装 API 请求层，统一处理响应数据验证