项目使用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组件的调用方式,改为官网最新的。