使用uni-app + vant-weapp 发布到H5以及小程序遇到的问题
项目开发: 多端使用的移动商城,可发布到 小程序 以及 H5
框架(uni-app) + ui (vant-weapp)
1、vant-weapp 引入
(github 上 下载 代码 vant-weapp)
将dist文件置入wxcomponents中,并重命名为 vant
在pages.js中注册
(如果使用频率较高,可以在globalStyle中注册,如果使用不多,可以在pages使用页面注册即可)
编译到小程序没问题,但是编译到h5报错了!!!!
不知道大家有没有遇到过这个问题
解决办法就是将 wxcomponents > vant > icon中的 index.wxss 格式化一下就好了
这个问题解决了,以为就可以开心的开发了,但是 !!!! 问题又来了
出现这个问题的原因是
在wxcomponents > vant > common文件里有个 version.js
这里 v1, v2编译到h5时 是undefined,所以会报错
解决方法如下
这样编译到小程序还是 h5 都可以啦!!
最后,其实vant-weapp 是兼容小程序的,编译到h5的话,还是会有很多坑,所以慎用