webExcel插件x-spreadsheet踩坑-01

928 阅读1分钟

项目上需要用在线excel协作的能力,别人说了个web excel插件,想跑个demo试用一下
x-spreadsheet插件文档
gitHub仓库

环境:前后端都用的若依框架
1、根据x-spreadsheet文档先安装插件,
npm install x-data-spreadsheet

2、引用

import Spreadsheet from "x-data-spreadsheet";

安装没报啥错,但是一引用就报缺少less-loader,安装less和less-loader(要安装指定版本,不然还会报错,less@3.8.1,less-loader@4.1.0,插件仓库的issue里也有这个版本问题)

本以为装完后就能ok了,结果又是报错,core-js(不要被后面的5 others迷惑,确实就是core-js的问题)有问题

Pasted image 20220609165046.png

经过度娘和试验,终于找到解决方法:参考文章

  • 首先将node_modules文件夹删除,
  • 然后先安装core-js:npm install --save core-js
  • 安装其他依赖:npm install / yarn install
  • 启动:npm run dev

到此终于不报错了,

3、依照官网初始话表格

const s = new Spreadsheet("#x-spreadsheet-demo") .loadData({}) // load data .change(data => { // save data to db });

// data validation s.validate()

Pasted image 20220609165713.png

Pasted image 20220609165737.png