vue luckysheet 全局引用问题

在public中index.html中引用luckysheet,但是在运行后报错。

luckysheet.umd.js:26 Uncaught TypeError: $(…).mousewheel is not a function

查找原因是说与全局引用的JQuery 冲突了。

  1. 首先检查是否引用了全局Jquery

  1. 参考链接博主,将引用放在body中

参考:[JavaScript知识库] 使用luckysheet报错:luckysheet.umd.js:26 Uncaught TypeError: $(...).mousewheel is not a function

但是在渲染时还会报错!!!!!

类似Uncaught ReferenceError: chartmix is not defined ,或者类似luckysheet is not defined之类的,于是找到了博主的方法

vue引入luckysheet插入图表时报错Uncaught TypeError: h.createChart is not a function_luckysheet.create is not a function-CSDN博客

在public/static 中copy 一份luckysheet 然后将引用处写成固定的,并且修改static中的luckysheet.umd.js(引用的static 的文件)

<link rel='stylesheet' href='static/luckysheet/plugins/css/pluginsCss.css' />

<link rel='stylesheet' href='static/luckysheet/plugins/plugins.css' />

<link rel='stylesheet' href='static/luckysheet/css/luckysheet.css' />

<link rel='stylesheet' href='static/luckysheet/assets/iconfont/iconfont.css' />

<link rel='stylesheet' href='static/luckysheet/expendPlugins/chart/chartmix.css"' />

<script src="static/luckysheet/plugins/js/plugin.js"></script>

<script src="static/luckysheet/luckysheet.umd.js"></script>

<script src="static/luckysheet/expendPlugins/chart/chartmix.umd.min.js"></script>

static/luckysheet/expendPlugins/chart/chartmix.umd.min.js,

static/luckysheet/expendPlugins/chart/chartmix.css

打包问题:
1.luckysheet.umd.js中引用的的vue@2.6.11打包后,因为没有后缀,浏览器总是提醒
net::ERR_ABORTED 404 (Not Found)

需要把vue@2.6.11改成vue@2.6.11.js 且文件名也修改为vue@2.6.11.js

2.找不到\static\luckysheet\cnd.bootcnd.net\ajax\libs\element-ui\2.13.2\theme-chalk\fonts\element-icons.ttf

\static\luckysheet\cnd.bootcnd.net\ajax\libs\element-ui\2.13.2\theme-chalk\fonts\element-icons.woff

这里用到了.......

文件中缺少这两个文件需要手动下载放在指定位置

下载地址:

https://unpkg.com/element-ui@2.15.6/lib/theme-chalk/fonts/element-icons.ttf

https://unpkg.com/element-ui@2.15.6/lib/theme-chalk/fonts/element-icons.woff

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值