Vue3中使用ExcelJS 4.3.0流式写入API报错求助

你遇到的问题根源是ExcelJS的WorkbookWriter（流式API）仅支持Node.js环境，浏览器（包括Vue3前端项目）中没有对应的文件流和文件系统API，因此Excel.stream会是undefined，进而抛出Cannot read properties of undefined (reading 'xlsx')的错误。

官方文档里的流式示例是针对Node.js场景的，前端环境不能直接复用。针对Vue3前端导出Excel的需求，你可以改用ExcelJS的普通Workbook API，通过生成Blob对象实现下载，示例代码如下：

import Excel from "exceljs";

export default {
  methods: {
    async exportExcel() {
      // 创建普通工作簿
      const workbook = new Excel.Workbook();
      const worksheet = workbook.addWorksheet('Sheet 1');
      
      // 添加示例数据
      worksheet.columns = [
        { header: 'Id', key: 'id', width: 10 },
        { header: 'Name', key: 'name', width: 32 },
        { header: 'D.O.B.', key: 'dob', width: 15 }
      ];
      worksheet.addRow({id: 1, name: 'John Doe', dob: new Date(1970,1,1)});
      worksheet.addRow({id: 2, name: 'Jane Doe', dob: new Date(1965,1,7)});

      // 生成Blob并下载
      const buffer = await workbook.xlsx.writeBuffer();
      const blob = new Blob([buffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
      const url = window.URL.createObjectURL(blob);
      const a = document.createElement('a');
      a.href = url;
      a.download = 'exported-workbook.xlsx';
      a.click();
      window.URL.revokeObjectURL(url);
    }
  }
}

如果你的业务场景确实需要流式处理（比如导出超大量数据），则需要将Excel生成逻辑放到Node.js后端服务中，前端通过接口请求后端生成的文件并下载。

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