安裝過程中報錯如下:
解決方法:
把miniprogram_npm/vant-weapp里的組件文件夾都刪除,
之后再https://github.com/youzan/vant-weapp下載一份vant, 將dist文件夾(vant-weapp-dev\vant-weapp-dev\dist)中的文件復制到 miniprogram_npm/vant-weapp(即下載一份vant,之后替換掉項目中的文件)
npm安裝vant操作流程:
1.終端打開小程序根目錄
npm init //初始化
npm i vant-weapp -S --production //安裝vant
2.小程序中構建npm(工具-構建npm)注:需是微信小程序新版本,舊版本沒有
構建完成后根目錄下會顯示miniprogram_npm文件夾
3.修改項目設置
4.使用vant
.json中引用需要使用的組件
"usingComponents": {
"van-button": "vant-weapp/button/index" //直接寫vant-weapp路徑即可
}
.wxml中直接使用組件
<van-button type="primary">主要按鈕</van-button>