构建Docker镜像时遇TS错误：类型'{}'不存在'data'属性

• TypeScript 类型检查严格，你的users变量被推断为{}（空对象类型），空对象不存在data属性，因此访问users.data触发类型错误。
• 核心问题：未给users定义明确的类型结构，或初始化时使用了空对象，导致TypeScript无法识别data属性的存在。

1. 定义明确的类型接口（推荐） #

先声明数据结构的类型，让TypeScript明确users的结构：

// 根据实际接口返回结构定义类型
interface User {
  id: number;
  name: string;
  // 补充其他用户字段
}

interface UsersResponse {
  data: User[]; // 若返回单个用户则改为User，按需调整
  // 可添加其他响应字段，如code、message等
}

// 组件中为users指定类型
const [users, setUsers] = useState<UsersResponse>({ data: [] });

2. 修正初始化值 #

避免用空对象初始化users，改用符合类型结构的默认值：

// 假设data是数组类型，初始化空数组
const [users, setUsers] = useState({ data: [] });

3. 使用类型断言（临时方案） #

若能确定接口返回一定包含data，可通过断言跳过类型检查：

const userData = (users as { data: User[] }).data;

4. 增加加载状态判断 #

如果users是异步请求结果，先判断数据是否存在再访问：

if (!users.data) {
  return <div>Loading...</div>;
}

return (
  <div>
    {users.data.map(user => (
      <div key={user.id}>{user.name}</div>
    ))}
  </div>
);

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