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基础了 苦笑:(