微信小程序使用Vant Weapp組件庫的方法步驟
地址：https://youzan.github.io/vant/#/zh-CN/intro
一.引入Vant組件庫
1.首先運(yùn)行 npm init
就會(huì)生成 package.json
2.運(yùn)行
npm i vant-weapp -S --production
3.安裝成功后 點(diǎn)擊 工具 => 構(gòu)建npm
之后點(diǎn)擊 詳情 => 使用構(gòu)建npm 渲染
二.使用組件庫
首先在json文件中引入組件
"van-button": "vant-weapp/button"
之后可以在官網(wǎng)找到想要用的組件使用
報(bào)錯(cuò)碼
VM292:1 thirdScriptError sdk uncaught third Error module "miniprogram_npm/vant-weapp/mixins/transition" is not defined Error: module "miniprogram_npm/vant-weapp/mixins/transition" is not defined at require (http://127.0.0.1:56368/appservice/__dev__/WAService.js:22:26700) at http://127.0.0.1:56368/appservice/__dev__/WAService.js:22:26448 at http://127.0.0.1:56368/appservice/miniprogram_npm/vant-weapp/popup/index.js:5:19 at require (http://127.0.0.1:56368/appservice/__dev__/WAService.js:22:26841) at <anonymous>:395:7 at HTMLScriptElement.scriptLoaded (http://127.0.0.1:56368/appservice/appservice?t=1557802464868:4544:21) at HTMLScriptElement.script.onload (http://127.0.0.1:56368/appservice/appservice?t=1557802464868:4556:20)
解決方法：
你只需要把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
即下載一份vant，之后替換掉項(xiàng)目中的文件
之后保存解決
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
一文詳解JavaScript中的事件循環(huán)(event?loop)機(jī)制
JavaScript中的事件循環(huán)（Event?Loop）是一種重要的機(jī)制，用于管理異步代碼的執(zhí)行，它確保?JavaScript?單線程環(huán)境中的任務(wù)按照正確的順序執(zhí)行，同時(shí)允許異步操作如定時(shí)器、網(wǎng)絡(luò)請(qǐng)求和事件處理，本將給大家詳細(xì)的介紹一下JavaScript事件循環(huán)機(jī)制,感興趣的朋友可以參考下2023-12-12
本文主要介紹了JavaScript?對(duì)象的四種方式比較詳解，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-05-05
JavaScript實(shí)現(xiàn)圖像模糊化的方法實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)圖像模糊化的方法,文中先進(jìn)行簡單介紹，而后給出了完整的實(shí)例代碼，有需要的朋友可以參考借鑒，下面來一起看看吧。2017-01-01
微信小程序js文件改變參數(shù)并在視圖上及時(shí)更新【推薦】
這篇文章主要介紹了微信小程序js文件改變參數(shù)并在視圖上及時(shí)更新的實(shí)現(xiàn)代碼，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2018-06-06
CocosCreator怎樣使用cc.follow進(jìn)行鏡頭跟隨
這篇文章主要介紹了CocosCreator怎樣使用cc.follow進(jìn)行鏡頭跟隨，想要學(xué)習(xí)follow的同學(xué)，一定要看一下2021-04-04
這篇文章主要介紹了禁止按回車鍵提交表單的方法的相關(guān)資料,需要的朋友可以參考下2015-06-06
javascript實(shí)現(xiàn)鼠標(biāo)放上后下邊對(duì)應(yīng)內(nèi)容變換的效果
這篇文章主要介紹了javascript鼠標(biāo)放上后下邊對(duì)應(yīng)內(nèi)容變換的方法,實(shí)例分析了javascript實(shí)現(xiàn)tab切換的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
Bootstrap是Twitter推出的一個(gè)用于前端開發(fā)的開源工具包。它由Twitter的設(shè)計(jì)師Mark Otto和Jacob Thornton合作開發(fā)，是一個(gè)CSS/HTML框架。它使用了流行的瀏覽器技術(shù)，給web開發(fā)提供了時(shí)尚的版式，表單，buttons，表格，網(wǎng)格系統(tǒng)等等。2015-06-06
這篇文章主要為大家詳細(xì)介紹了JavaScript簡單拖拽效果 ，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
本文給大家分享的是使用javascript實(shí)現(xiàn)解答九宮格問題的算法，非常的簡單實(shí)用，有需要的小伙伴可以參考下。2015-04-04