vue3 ts vite开发bug记录（类型转换）

问题描述

const getModuleInfo = async () => {const rtn = await GetModuleInfo(moduleName.value);const info = toCamelCase(rtn);if (info.data.baseResp.ret === 0) {const moduleInfo = info.data.moduleData;TableData.value = moduleInfo; //这句代码会报错 提示下面的信息}
};

报错提示：Uncaught (in promise) TypeError: Invalid attempt to spread non-iterable instance.
In order to be iterable, non-array objects must have a Symbol.iterator method.

思考过程

问题可能出在 moduleInfo 的数据结构上。TableData.value 可能期望的是一个数组或其他可迭代对象，而 moduleInfo 可能不是。

检查 moduleInfo 的类型

 console.log('moduleInfo type:', typeof moduleInfo); //打印的是 objectconsole.log('moduleInfo isArray:', Array.isArray(moduleInfo)); //false

解决方案

moduleInfo 不是数组：
如果 moduleInfo 不是一个数组，而 TableData.value 期望的是一个数组，那么将 moduleInfo 转换为数组即可解决。

if (info.data.baseResp.ret === 0) {const moduleInfo = info.data.moduleData;console.log('moduleInfo0812', moduleInfo);console.log('moduleInfo type:', typeof moduleInfo);console.log('moduleInfo isArray:', Array.isArray(moduleInfo));TableData.value = Array.isArray(moduleInfo) ? moduleInfo : [moduleInfo];
}

哈哈哈哈哈我又来刷ts基础了 苦笑:(