使用uni-app + vant-weapp 发布到H5以及小程序遇到的问题

最新推荐文章于 2024-04-27 16:12:44 发布

是个前端

最新推荐文章于 2024-04-27 16:12:44 发布

阅读量2.6k

点赞数 8

文章标签： uni-app 小程序

本文链接：https://blog.csdn.net/HWJBJ/article/details/112938332

版权

项目开发：多端使用的移动商城，可发布到小程序以及 H5

框架（uni-app） + ui (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的话，还是会有很多坑，所以慎用

是个前端

关注