微信小程序npm安裝vant並使用


 安裝過程中報錯如下:

解決方法:

把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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM