找回密码
 立即注册

QQ登录

只需一步,快速开始

冥冥中明明是你

注册会员

15

主题

62

帖子

179

积分

注册会员

积分
179
冥冥中明明是你
注册会员   /  发表于:2024-10-22 19:05  /   查看:178  /  回复:3
20金币
本帖最后由 冥冥中明明是你 于 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
    });

}

最佳答案

查看完整内容

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

3 个回复

倒序浏览
最佳答案
最佳答案
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2024-10-22 19:05:44
来自 2#
您好,根据目前提供信息未能判断出问题原因,我给您提供一个V14的vue3 demo,经测试不会出现报错问题,您可以对比排查下。
demo见附件,访问地址示例:http://localhost:xxxx/spreadSheet

vue3+spreadjs+excelIO+V14.zip

72.94 KB, 下载次数: 4

回复 使用道具 举报
冥冥中明明是你
注册会员   /  发表于:2024-10-23 13:59:16
3#
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讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2024-10-23 14:48:42
4#
解决了就好,那本帖就先结贴了,有问题欢迎另开新帖交流。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部