微信小程序項目使用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

還有就是重新安裝vant-weapp。重新安裝是可以的，不會報錯。

錯誤2

引入頁面的的.json一定要寫對，不然也會報錯。

{ "usingComponents": { "van-button": "vant-weapp/button" //添加這個  }}

引入成功

emmmmm，問題不斷，戰火不熄，BUG之路還在繼續。

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對VEVB武林網的支持。