這篇文章主要給大家介紹了關於微信小程序npm引入vant-weapp的踩坑記錄，文中通過示例代碼介紹的非常詳細，對大家學習或者使用微信小程序具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧
微信小程序項目使用npm安裝vant-weapp的正確步驟
使用npm安裝vant-weapp 到項目根目錄下：
npm i vant-weapp -S --production
然後再詳情中選中使用npm模塊，然後點擊工具欄中的構建npm。本以爲這樣就可以安裝成功了，結果
沒有找到npm包
這讓我糾結了一個早上。看了文檔，琢磨了很久，最後研究出問題的關鍵。
第一步：使用cmd進入項目根目錄：npm init
然後一直按回車
第二步：輸入你要安裝的文件（npm i vant-weapp -S --production ）
如果已經之前安裝了vant-weapp的，就直接到工具欄中選中構建npm就可以了，如果沒有就安裝好再選中構建npm。
我以爲這樣就可以使用vant-weapp框架了，然後刷新項目，問題來了。。。
錯誤1
大概意思-找不到組件
明明步驟都對了，卻還是出錯。然後就網上找找問題。網上說：
解決方法：
你只需要把miniprogram_npm/vant-weapp裏的組件文件夾都刪除，
之後再https://github.com/youzan/vant-weapp下載一份vant， 將dist文件夾（vant-weapp-dev\vant-weapp-dev\dist）中的文件複製到項目的miniprogram_npm/vant-weapp
原文：https://www.jb51.net/article/166771.htm
還有就是重新安裝vant-weapp。重新安裝是可以的，不會報錯。
錯誤2
引入頁面的的.json一定要寫對，不然也會報錯。
{
"usingComponents": {
"van-button": "vant-weapp/button" //添加這個
}
}
引入成功
emmmmm，問題不斷，戰火不熄，BUG之路還在繼續。
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對神馬文庫的支持。