Vue引入XLSX库，调用XLSX.read方法报错

最新推荐文章于 2025-06-12 15:35:50 发布

原创最新推荐文章于 2025-06-12 15:35:50 发布 · 755 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vue #javascript #excel

报错信息：Error: Cannot read properties of undefined(reading ‘read’) at reader.onload
解决方案：将引入方式 import XLSX from “xlsx”改为import * as XLSX from “xlsx/xlsx.mjs”

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

品克缤

关注关注

8
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Electron 中 XLSX.read 方法不可用的原因

AxCybersecurity的博客

09-21

565

通过按照以上步骤检查和修复代码，您应该能够解决 “XLSX.read is not a function” 的问题。请确保正确安装了 XLSX 库，并在代码中正确导入和调用相关函数。如果问题仍然存在，您可能需要检查其他部分的代码以确定是否存在其他错误或冲突。在使用 Electron 开发应用程序时，您可能会遇到一个错误，即 “XLSX.read is not a function”。这个错误通常表示在您的代码中调用了一个不存在的函数。在您的代码文件中，确保正确导入了 XLSX 库。

Vue.js+element-ui+js-xlsx 解析文件内容

developerwyg的博客

10-31

1183

Vue.js+element-ui+js-xlsx 寄语：vue框架中上传xlsx文件，使用js-xlsx解析文件内容 1.首先执行： npminstallxlsx (安装) 2.在当前页面.vue文件中引入： import XLSX from 'xlsx' 3.在main.js中引入：import XLSX from '../static/xlsx.full.min' 注释：...

参与评论您还未登录，请先登录后发表或查看评论

在vue中使用excel报错read‘ of undefined

weixin_46002223的博客

10-04

2186

npm install xlsx@0.16.0

vue下的xlsx文件导出和导入的写法

最新发布

chabaimgg的博客

06-12

285

【代码】vue下的xlsx文件导出和导入的写法。

vue中使用xlsx 报错 read of undefined

weixin_60290671的博客

03-20

519

【代码】vue中使用xlsx 报错 read of undefined。

读取xlsx文件错误

北七零度

11-10

657

解决xlrd 无法读取xlsx的问题

[错误] vue 导入excel Uncaught TypeError: Cannot read properties of undefined (reading ‘read‘)

qq_14993591的博客

04-27

495

【代码】[错误] 导入excel Uncaught TypeError: Cannot read properties of undefined (reading ‘read‘)

xlsx.core.min.js

05-23

除了基本的读写功能，`xlsx.core.min.js`还可以与其他前端框架（如React、Vue、Angular）结合使用，实现更复杂的业务场景，如表格编辑、数据分析等。 6. **社区支持与更新** SheetJS团队持续维护和更新XLSX.js，...

vue3中如何使用xlsx插件

BradenHan的专栏

06-30

2978

在Vue3中使用插件来实现Excel的上传与下载，你需要经历几个关键步骤。下面是一个简化的指南，展示如何实现这些功能：首先，确保你已经安装了库。如果还没有安装，可以通过以下命令进行安装： 1.2. 导入库在你想要使用功能的Vue组件中，导入库： 1.3. 实现Excel上传 1.3.1. 创建文件输入组件：在模板中添加一个文件输入框，用于用户选择Excel文件。在方法中，使用读取用户选择的文件，并利用进行解析。 1.4. 实现Excel下载 1.4.1. 定义导出方法：创建一个方法来将数据转换为Exc

vue项目如何利用xlsx组件，读取复杂表格的数据

uniquemei的博客

06-22

1023

vue项目，利用xlsx组件，读取表格中的数据

XLSX + VUE获取表格内容，实现下载模板、导入表格、导出表格功能

qq_42221321的博客

08-11

1476

vue xlsx读取excel文件

关于Python 解决Python3.9 pandas.read_excel(‘xxx.xlsx‘)报错的问题

12-16

问题描述使用pandas库的read_excel()方法读取外部excel文件报错, 截图如下好像是缺少了什么方法的样子问题分析分析个啥, 水平有限, 直接面向stackoverflow编程 https://stackoverflow.com/questions/64264563/attributeerror-elementtree-object-has-no-attribute-getiterator-when-trying 我找到了下面的这几种说法根据国外大神的指点, 我得出了这些结论: pandas库读取excel文件是需要安装xlrd模块的, 也就是它默认是引擎engi

andt vue3 使用xlsx读取excel数据遇到的坑

qq_20604185的博客

04-24

5850

避坑读取xlsx文件遇到的直接问题

vue 中js-xlsx使用出现Cannot read propert ‘read‘ of undefined

weixin_43637766的博客

04-21

1954

vue 中js-xlsx使用出现Cannot read propert 'read' of undefined

在使用xlsx.js导入文件报错Error: Cannot read properties of undefined (reading ‘read‘) at FileReader.read

Aaron Con的博客

04-06

9053

在项目中想要实现一个成员导入的功能，可以通过导入excel对应文件批量导入数据，这些功能vue-element-admin直接提供了，直接引用即可在使用的时候得安装xlsx包npm install xlsx 引用import XLSX from 'xlsx' 之后就是报错 Error: Cannot read properties of undefined (reading 'read') at FileReader.read 同时终端也"export 'default' (importe.

【R语言】R读取含中文excel文件，read.xlsx乱码问题

热门推荐

CheyenneLam的博客

02-22

3万+

R读取含中文的Excel文件出现乱码

python读xlsx报错_关于Python 解决Python3.9 pandas.read_excel(‘xxx.xlsx‘)报错的问题

weixin_39994438的博客

12-04

675

骨牌铺法--递归思路

laity__c的博客

09-23

4688

题目描述有1×n的一个长方形，用一个1×1、1×2和1×3的骨牌铺满方格。例如当n=3时为1×3的方格。此时用1×1、1×2和1×3的骨牌铺满方格，共有四种铺法。如图所示。输入输入n（n为自然数，并且1≤n≤30）输出输出骨牌铺法的方案数。样例输入 Copy 3 样例输出 Copy 4 思路：设1*n时有F(n)种排法； F(1)有1种；F(2)有2种；F(3)有4种； n为4的时候，方法数F4的分析如下：第一块放11，有一种方法；剩余3块方法数是F3=4种。根据乘法原理，该种情况的方法数是

导入excel Uncaught TypeError: Cannot read properties of undefined (reading ‘read‘)

The_Lucky_one的博客

10-08

4875

在将文件拖入页面中时，报错：未定义read属性`Uncaught TypeError: Cannot read properties of undefined (reading 'read')`

vue3 xlsx.js excel表格插入新列

12-03

在Vue3中使用xlsx.js库操作Excel文件时，如果你想向已有表格插入新列，可以按照以下步骤进行： 1. 首先，你需要安装`xlsx`库以及`vue-xlsx`这个轻量级的Vue封装库，以便在组件中更方便地处理Excel数据。你可以通过npm或yarn进行安装： ```bash npm install xlsx vue-xlsx # 或者 yarn add xlsx vue-xlsx ``` 2. 在你的Vue组件中，引入并初始化xlsx模块，并读取现有的Excel文件： ```javascript import XLSX from 'xlsx'; export default { data() { return { workbook: {}, }; }, async mounted() { const file = this.$refs.file; // 假设你有一个file输入元素 if (file.files.length > 0) { const fileContent = await new Promise((resolve) => { const reader = new FileReader(); reader.onload = () => resolve(reader.result); reader.readAsArrayBuffer(file.files[0]); }); const { SheetNames, Sheets } = XLSX.read(fileContent, { type: 'binary' }); this.workbook = XLSX.utils.book_new(); for (const sheetName of SheetNames) { XLSX.utils.sheet_add_data(this.workbook, XLSX.utils.json_to_sheet(Sheets[sheetName])); } } }, } ``` 3. 现在你已经有了工作簿对象，接下来可以在`methods`中定义一个函数来添加新列： ```javascript methods: { addNewColumn(columnName, columnIndex) { // columnIndex是从左往右开始计数的，例如0表示第一列 const newColData = new Array(this.workbook.Sheets[Object.keys(this.workbook.Sheets)[0]].data.length).fill(null); // 创建全空数组作为新列 // 将新列数据添加到所有sheet中 for (const sheetName in this.workbook.Sheets) { const sheet = this.workbook.Sheets[sheetName]; const ws = XLSX.utils.aoa_to_sheet(sheet.data); ws[columnIndex] = newColData; const updatedSheet = XLSX.utils.sheet_to_json(ws); this.workbook.Sheets[sheetName] = XLSX.utils.json_to_sheet(updatedSheet); } }, }, ``` 4. 调用`addNewColumn`函数并传入新列名和位置： ```javascript this.addNewColumn('New Column Title', 5); // 假设你想在第6列插入新列，索引从0开始 // 更新工作簿的数据 XLSX.writeFile(this.workbook, 'output.xlsx'); ``` 现在你应该能看到新列已成功插入到Excel表格中。