我将数据导出到 Excel，但出现此错误：无法读取未定义的属性（正在读取“编辑”）答案

【问题标题】：I export my data to Excel but i get this error: Cannot read properties of undefined (reading 'editing')我将数据导出到 Excel，但出现此错误：无法读取未定义的属性（正在读取“编辑”）
【发布时间】：2022-06-19 07:28:27
【问题描述】：

我想将我的材料表数据导出到 Excel，但是当我点击下载时，我在控制台中出现错误：无法读取未定义的属性（读取“编辑”）

（我使用“xlsx”：“^0.18.0”）

<div onClick={downloadExcel} className="downloadExcel">
      <img src="/assets/excel-svgrepo-com.svg" />
</div>

而我的downloadExcel函数是：

  const downloadExcel = () => {
    const newData = Apiary.map((row) => {
      delete row.tableData;
      return row;
    });
    const workSheet = XLSX.utils.json_to_sheet(newData);
    const workBook = XLSX.utils.book_new();
    XLSX.utils.book_append_sheet(workBook, workSheet, "students");
    //Buffer
    let buf = XLSX.write(workBook, { bookType: "xlsx", type: "buffer" });
    //Binary string
    XLSX.write(workBook, { bookType: "xlsx", type: "binary" });
    //Download
    XLSX.writeFile(workBook, "لیست زنبورستان.xlsx");
  };

当我点击 img 时，我的反应是冻结并停止我该如何解决这个错误？

【问题讨论】：

标签： reactjs xlsx

【解决方案1】：

我在 Vue.js 上遇到了类似的问题。

我正在使用 import XLSX from 'xlsx' 在组件上导入库，并在控制台上收到此错误：

[Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'utils')"

然后我在终端（正在运行 vue.js 应用程序）上注意到消息："export 'default' (imported as 'XLSX') was not found in 'xlsx'

所以我通过将导入更改为：import * as XLSX from 'xlsx';

解决了这个问题

【讨论】：