【spread14.2.4】【导出Excel文件报错】

Lynn.Dou

本帖最后由冥冥中明明是你于 2024-10-23 09:25 编辑

在导出Excel文件时报错，前端框架为vue3
如果引入 import 'file-saver'，控制台报错信息为：

GET http://localhost/node_modules/.vite/deps/file-saver.js?t=1729594247436&v=87767d71 net::ERR_ABORTED 504 (Outdated Optimize Dep)
如果注释掉 import 'file-saver'，则报错信息为：

{errorCode: 1, errorMessage: '文件格式错误'};
请问是什么原因？

package.json内安装依赖为：
"@grapecity/spread-excelio": "14.2.4",
"file-saver": "2.0.4",

vue页面文件内引入：
  import { IO } from "@grapecity/spread-excelio";  // 导入导出模块
  import 'file-saver';

导出函数代码：
function exportExcel() {
let spread = spreadRef.value;
let excelIo = new IO();
let fileName = "test.xlsx";
let password = "";
let json = spread.toJSON({ columnHeadersAsFrozenRows: true });

excelIo.save(json, function (blob) {
   saveAs(blob, fileName);
}, function (e) {
   console.log(e);
}, {
   password: password
});

}

Lynn.Dou · Lynn.Dou

您好，根据目前提供信息未能判断出问题原因，我给您提供一个V14的vue3 demo，经测试不会出现报错问题，您可以对比排查下。
demo见附件，访问地址示例：http://localhost:xxxx/spreadSheet

冥冥中明明是你 · 冥冥中明明是你

Lynn.Dou 发表于 2024-10-23 10:29
您好，根据目前提供信息未能判断出问题原因，我给您提供一个V14的vue3 demo，经测试不会出现报错问题，您可 ...

好的，解决了。测试后发现应该是
import { IO } from "@grapecity/spread-excelio";
import 'file-saver';
引入错误，正确应该是
import * as ExcelIo from "@grapecity/spread-excelio";
import { saveAs } from "file-saver";
感谢！

Lynn.Dou · Lynn.Dou

解决了就好，那本帖就先结贴了，有问题欢迎另开新帖交流。

		自动登录	找回密码
密码			立即注册

[已处理] 【spread14.2.4】【导出Excel文件报错】

最佳答案

3 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人