我将数据导出到Excel，但我会收到此错误：无法读取未定义的属性（Reading＆＃x27;编辑＆＃x27;）

Question

我想将我的材料表数据导出到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");
  };

当我onclick img img时，我的反应是冻结的，并停止 如何解决此错误？

Answer 1

tl; dr：确保您将XLSX库类似： import *从'xlsx'

---

我与vue.js上的xlsx相似的问题。

我正在使用 import xlsx从'xlsx'导入lib，并在控制台上获取此错误：

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

然后我在终端上注意到（正在运行vue.js应用程序）消息： 在'xlsx'中找不到“导出'默认值'（导入为'xlsx'），

因此我通过将导入更改为： import * as xlsx从'xlsx'<

Answer 2

问题似乎是因为XLSX版本。 0.18.0和0.15.1之间有一些破裂的变化。
我能够通过三种方式解决问题：

1. 通过以文件扩展为XSLX依赖关系（XLSX的较新版本）如下：

import * as xlsx as xlsx as xlsx/xlsx.js;

实际上，实际上，在XLSX的较新版本，有两个可用的文件，即，XLSX/XLSX.JS和
XLSX/XLSX.MJS。默认情况下，App尝试加载.mjs文件，而.mjs文件默认不可导入。

2. 通过明确定义配置以允许在应用中导入.mjs文件。

3. 通过在整个项目中使用较低版本的XLSX。 XLSX版本0.15.1将起作用。