1.先获取Vant Weapp包,参考官方教程:https://vant-contrib.gitee.io/vant-weapp/#/home

2.项目下新建文件夹 wxcomponents / vant(名字随意,最好与 pages 平级),拷贝@vant/weapp下的 dist 文件夹到新建的文件夹下

3.打开 pages.json,配置 easycom 组件模式(直接注册文件夹下组件,自动优化未使用的组件,https://uniapp.dcloud.io/collocation/pages?id=easycom

uniApp集成Vant Weapp

4.打开 App.vue,在 style 中引入样式 @import "/wxcomponents/vant/dist/common/index.wxss";

5.打开 pages / index 文件夹 index.vue,添加 vant 组件,运行项目

6.相关报错:

1) font字体识别错误:格式化 dist/icon/index.wxss 样式文件代码

uniApp集成Vant Weapp

2) split错误:打开 dist/common/version.js
将以下代码
v1 = v1.split('.'):[];
v2 = v2.split('.'):[];
修改为
v1 = v1?v1.split('.'):[];
v2 = v2?v2.split('.'):[];

相关文章:

  • 2022-12-23
  • 2021-12-21
  • 2022-01-05
  • 2021-11-27
  • 2021-07-16
  • 2022-12-23
  • 2021-12-02
  • 2021-12-25
猜你喜欢
  • 2021-04-22
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案