微信小程序項目使用npm安裝vant-weapp的正確步驟

?使用npm安裝vant-weapp 到項目根目錄下：

npm i vant-weapp -S --production?

然后再詳情中選中使用npm模塊，然后點擊工具欄中的構建npm。本以為這樣就可以安裝成功了，結果

沒有找到npm包

這讓我糾結了一個早上?？戳宋臋n，琢磨了很久，最后研究出問題的關鍵。

第一步：使用cmd進入項目根目錄：npm init

然后一直按回車

第二步：輸入你要安裝的文件（npm i vant-weapp -S --production?）

如果已經(jīng)之前安裝了vant-weapp的，就直接到工具欄中選中構建npm就可以了，如果沒有就安裝好再選中構建npm。

我以為這樣就可以使用vant-weapp框架了，然后刷新項目，問題來了。。。

錯誤1

大概意思-找不到組件

明明步驟都對了，卻還是出錯。然后就網(wǎng)上找找問題。網(wǎng)上說：

?解決方法：

你只需要把miniprogram_npm/vant-weapp里的組件文件夾都刪除，

之后再https://github.com/youzan/vant-weapp下載一份vant， 將dist文件夾（vant-weapp-dev\vant-weapp-dev\dist）中的文件復制到項目的miniprogram_npm/vant-weapp

原文：https://blog.csdn.net/qq_38845493/article/details/90203454

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

錯誤2

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

{

? "usingComponents": {

? ? "van-button": "vant-weapp/button" //添加這個

????? }

}

引入成功

emmmmm，問題不斷，戰(zhàn)火不熄，BUG之路還在繼續(xù)。