微信小程序項(xiàng)目使用npm安裝vant-weapp的正確步驟
?使用npm安裝vant-weapp 到項(xiàng)目根目錄下:
npm i vant-weapp -S --production?
然后再詳情中選中使用npm模塊,然后點(diǎn)擊工具欄中的構(gòu)建npm上渴。本以為這樣就可以安裝成功了烟很,結(jié)果
這讓我糾結(jié)了一個(gè)早上卷谈。看了文檔,琢磨了很久,最后研究出問題的關(guān)鍵丧凤。
第一步:使用cmd進(jìn)入項(xiàng)目根目錄:npm init
然后一直按回車
第二步:輸入你要安裝的文件(npm i vant-weapp -S --production?)
如果已經(jīng)之前安裝了vant-weapp的,就直接到工具欄中選中構(gòu)建npm就可以了步脓,如果沒有就安裝好再選中構(gòu)建npm愿待。
我以為這樣就可以使用vant-weapp框架了,然后刷新項(xiàng)目靴患,問題來(lái)了仍侥。。蚁廓。
錯(cuò)誤1
明明步驟都對(duì)了访圃,卻還是出錯(cuò)。然后就網(wǎng)上找找問題相嵌。網(wǎng)上說(shuō):
?解決方法:
你只需要把miniprogram_npm/vant-weapp里的組件文件夾都刪除腿时,
之后再https://github.com/youzan/vant-weapp下載一份vant, 將dist文件夾(vant-weapp-dev\vant-weapp-dev\dist)中的文件復(fù)制到項(xiàng)目的miniprogram_npm/vant-weapp
原文:https://blog.csdn.net/qq_38845493/article/details/90203454
還有就是重新安裝vant-weapp饭宾。重新安裝是可以的批糟,不會(huì)報(bào)錯(cuò)。
錯(cuò)誤2
引入頁(yè)面的的.json一定要寫對(duì)看铆,不然也會(huì)報(bào)錯(cuò)徽鼎。
{
? "usingComponents": {
? ? "van-button": "vant-weapp/button" //添加這個(gè)
????? }
}
emmmmm,問題不斷弹惦,戰(zhàn)火不熄否淤,BUG之路還在繼續(xù)。