项目上需要用在线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的问题)有问题
经过度娘和试验,终于找到解决方法:参考文章
- 首先将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()