uniapp使用vant weapp，并使用easycom自动批

第一步

下载源文件：https://github.com/youzan/vant-weapp/releases

我下的1.1.0.beta2版本（我学习看的视频https://www.bilibili.com/video/BV1DE411A7C6?from=search&seid=14851523997757586128也是这个版本）

（目前最新1.6.7用了不好使，下面再说）

第二步

下载解压

项目根目录新建wxcomponents

把dist复制到wxcomponents里，dist改名vant

第三步，使用easycom自动批量移入组件

easycom：只要组件安装在项目的components目录下，并符合components/组件名称/组件名称.vue目录结构。就可以不用引用、注册，直接在页面中使用

easycom官方说明：
https://uniapp.dcloud.io/collocation/pages?id=easycom

// pages.json-globalStyle同级下添加
"easycom": {
      "autoscan": true, // 是否开启自动扫描
      "custom": {
        "van-(.*)": "@/wxcomponents/vant/$1/index.vue"
      }
    }

正则表达式解释

"van-(.*)"
-----指的是你用的标签，<van-button>这种

@/wxcomponents/vant/$1/index.vue
------前面一段是正常路径，$1表示匹配vant下的所有文件夹，index.vue是目标文件，一开始是没有的，编译后会出现

第四步-运行

然后会报错！

image.png

解决报错

去wxcomponents/vant/icon/index.vue

找到两处url，前面加个空格

image.png

加完空格基本可以了
截图是使用了van-button组件的效果，具体怎么用就没必要说了吧

image.png

其他错误

还有，如果你还是报错，

我1.6.7测试的是报的Cannot read property 'split' of undefined

我没找到解决办法，所以选择换版本这个方式，

有解决的评论留言哈

欢迎点赞、留言、关注！