TypeScript导出CSV时行数据显示undefined问题求助

从你的代码和描述来看，核心问题是CSVData为undefined，导致导出的CSV行数据全是undefined。下面是具体的排查和修复步骤：

1. 确认getDataToExport的返回值是否正常 #

CSVData来自getCSVColumnsData(result)，而result是getDataToExport()的异步返回值。先在代码中添加日志，检查result的实际内容：

const result = await getDataToExport();
console.log('getDataToExport 返回结果:', result); // 新增日志
const CSVData = getCSVColumnsData(result);

如果result是undefined或空值，说明getDataToExport的逻辑有问题：

• 检查该函数内部是否吞掉了错误（比如内部try/catch没有重新抛出异常）
• 确认接口请求是否成功、返回数据格式是否符合预期

2. 检查getCSVColumnsData的实现 #

如果result是正常的，但CSVData还是undefined，那问题出在这个转换函数上：

• 确保函数在任何输入下都返回数组（哪怕是空数组），而非undefined。比如当result为空或格式错误时，返回空数组而不是无返回值
• 检查映射逻辑是否正确：每个字段的取值是否存在，有没有处理undefined的情况（给默认空字符串）

示例修复后的getCSVColumnsData：

function getCSVColumnsData(data: any[] | null | undefined) {
  // 处理空输入，返回空数组
  if (!data || !Array.isArray(data)) {
    return [];
  }

  return data.map(item => ({
    Vehículo: item.vehiculo || '',
    Concesionario: item.concesionario || '',
    Conductor: item.conductor || '',
    "Fecha/Hora": item.fechaHora || '',
    Dirección: item.direccion || '',
    Evento: item.evento || '',
    Descripción: item.descripcion || '',
    "Responsable de Revisión": item.responsableRevision || '',
    Acción: item.accion || '',
    Justificar: item.justificar || '',
    "Responsable de Acción": item.responsableAccion || ''
  }));
}

3. 修复getDataToExport的错误处理 #

如果getDataToExport内部捕获了错误但没有抛出，会导致result为undefined却不进入外层catch。确保函数在失败时抛出异常：

async function getDataToExport() {
  try {
    const res = await fetch('/tu-api-url');
    // 检查HTTP状态码是否正常
    if (!res.ok) {
      throw new Error(`请求失败: ${res.status} ${res.statusText}`);
    }
    return await res.json();
  } catch (error) {
    console.error('获取导出数据失败:', error);
    // 重新抛出错误，让外层catch捕获并处理
    throw error;
  }
}

4. 增加导出前的有效性判断 #

在调用generateCsv前，先确认CSVData是有效数组，避免传入undefined：

if (Array.isArray(CSVData) && CSVData.length > 0) {
  csvExporter.generateCsv(CSVData);
} else {
  console.warn('没有可导出的数据');
  // 可以在这里给用户提示，比如弹出通知
}

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