微信小程序npm引入vant-weapp的踩坑記錄
微信小程序項(xiàng)目使用npm安裝vant-weapp的正確步驟
使用npm安裝vant-weapp 到項(xiàng)目根目錄下：
npm i vant-weapp -S --production
然后再詳情中選中使用npm模塊，然后點(diǎn)擊工具欄中的構(gòu)建npm。本以為這樣就可以安裝成功了，結(jié)果
沒(méi)有找到npm包
這讓我糾結(jié)了一個(gè)早上。看了文檔，琢磨了很久，最后研究出問(wèn)題的關(guān)鍵。
第一步：使用cmd進(jìn)入項(xiàng)目根目錄：npm init
然后一直按回車(chē)
第二步：輸入你要安裝的文件（npm i vant-weapp -S --production ）
如果已經(jīng)之前安裝了vant-weapp的，就直接到工具欄中選中構(gòu)建npm就可以了，如果沒(méi)有就安裝好再選中構(gòu)建npm。
我以為這樣就可以使用vant-weapp框架了，然后刷新項(xiàng)目，問(wèn)題來(lái)了。。。
錯(cuò)誤1
大概意思-找不到組件
明明步驟都對(duì)了，卻還是出錯(cuò)。然后就網(wǎng)上找找問(wèn)題。網(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
原文：http://www.dbjr.com.cn/article/166771.htm
還有就是重新安裝vant-weapp。重新安裝是可以的，不會(huì)報(bào)錯(cuò)。
錯(cuò)誤2
引入頁(yè)面的的.json一定要寫(xiě)對(duì)，不然也會(huì)報(bào)錯(cuò)。
{
"usingComponents": {
"van-button": "vant-weapp/button" //添加這個(gè)
}
}
引入成功
emmmmm，問(wèn)題不斷，戰(zhàn)火不熄，BUG之路還在繼續(xù)。
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
web開(kāi)發(fā)中不可避免會(huì)使用js，為了給頁(yè)面良好的瘦身我們一般都會(huì)將js代碼放在外部，然后通過(guò)src引用，如果web頁(yè)面與js采用的編碼不同一就會(huì)產(chǎn)生亂碼，接下來(lái)與大家分享下解決方法，感興趣的朋友可以參考下哈2013-04-04
討論html與javascript在瀏覽器中的加載順序問(wèn)題
這篇文章主要是對(duì)html與javascript在瀏覽器中的加載順序問(wèn)題進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
這篇文章主要給大家介紹了關(guān)于js防抖和節(jié)流的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12
用 JavaScript 遷移目錄...2006-12-12![[js高手之路]圖解javascript的原型(prototype)對(duì)象,原型鏈實(shí)例](http://img.jbzj.com/images/xgimg/bcimg4.png)
[js高手之路]圖解javascript的原型(prototype)對(duì)象,原型鏈實(shí)例
下面小編就為大家?guī)?lái)一篇[js高手之路]圖解javascript的原型(prototype)對(duì)象,原型鏈實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
cookie丟失問(wèn)題(認(rèn)證失效) Authentication （用戶(hù)驗(yàn)證信息）也會(huì)丟失
window.showModalDialog() 后 window.open() 導(dǎo)致cookie丟失問(wèn)題(認(rèn)證失效) Authentication （用戶(hù)驗(yàn)證信息）也會(huì)丟失2009-06-06
js設(shè)置控件的隱藏與顯示，設(shè)置控件style的display和visibility屬性就可以了，下面有個(gè)示例，需要的朋友可以參考下2014-08-08
js前端實(shí)現(xiàn)多圖圖片上傳預(yù)覽的兩個(gè)方法(推薦)
下面小編就為大家?guī)?lái)一篇js前端實(shí)現(xiàn)多圖圖片上傳預(yù)覽的兩個(gè)方法(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11
基于JS實(shí)現(xiàn)一個(gè)隨機(jī)生成驗(yàn)證碼功能
這篇文章主要介紹了基于JS實(shí)現(xiàn)一個(gè)隨機(jī)生成驗(yàn)證碼功能，隨機(jī)生成一個(gè)四位數(shù)的驗(yàn)證碼，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-05-05
函數(shù)是由關(guān)鍵字function、函數(shù)名加一組參數(shù)及置于大括號(hào)中需要執(zhí)行的一段語(yǔ)義定義的。今天我們就來(lái)詳細(xì)講解一下JavaScript中的Function。2015-02-02