m.a.loading is not a function报错问题解决

项目使用vue3和vant4。

今年6月份开发的项目,当时用的是vant最新版本4.0.0-alpha.4。

后来项目上线了,我们在服务器上面进行打包项目,部署到服务器后发现前端报错:

 本地打包的文件都没问题;

经过一系列的问题排查,最后发现是服务器上面没有控制在vant版本(暂时不知道为什么在服务器上面版本锁定不了),服务器上面package-lock.json文件中的vant版本为v4.0.0-rc.0(目前vant的最新版)。

新版的vant修改了toast的调用方式

之前alpha版本是:

Toast('提示内容');

所以导致页面报错。

相关的修改还有Dialog,Notify等组件的调用方式;

(Vant好坑人,版本升级了,组件调用方式不兼容!!)

找到问题了就好解决:

办法一:

控制好vant版本;

办法二:

修改vant组件的调用方式,改为官网最新的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值