微信小程序使用Vant Weapp組件庫的方法步驟
地址：https://youzan.github.io/vant/#/zh-CN/intro
一.引入Vant組件庫
1.首先運(yùn)行 npm init
就會生成 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)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對腳本之家的支持。
相關(guān)文章
如何利用js實(shí)時(shí)監(jiān)聽input輸入框值的變化
在做web開發(fā)時(shí)候很多時(shí)候都需要即時(shí)監(jiān)聽輸入框值的變化,以便作出即時(shí)動作去引導(dǎo)瀏覽者增強(qiáng)網(wǎng)站的用戶體驗(yàn)感,這篇文章主要給大家介紹了關(guān)于如何利用js實(shí)時(shí)監(jiān)聽input輸入框值的變化,需要的朋友可以參考下2024-02-02
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)下拉列表，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-01-01
這篇文章主要介紹了js常用排序方法實(shí)例代碼解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-03-03
JavaScript實(shí)現(xiàn)的超簡單計(jì)算器功能示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的超簡單計(jì)算器功能,可實(shí)現(xiàn)基本的四則運(yùn)算并帶有驗(yàn)證功能,代碼中備有較為詳盡的注釋便于理解,需要的朋友可以參考下2017-12-12
使用事件委托技術(shù)能讓你避免對特定的每個(gè)節(jié)點(diǎn)添加事件監(jiān)聽器；相反，事件監(jiān)聽器是被添加到它們的父元素上2014-04-04
JavaScript實(shí)現(xiàn)簡潔的俄羅斯方塊完整實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡潔的俄羅斯方塊,以完整實(shí)例形式分析了JavaScript實(shí)現(xiàn)俄羅斯方塊游戲的具體技巧,代碼備有詳盡的注釋便于理解,需要的朋友可以參考下2016-03-03
無論你開發(fā)使用的是CommonJS規(guī)范還是ES6模塊規(guī)范,打包后的文件都統(tǒng)一使用webpack自定義的模塊規(guī)范來管理、加載模塊,下面這篇文章主要給大家介紹了關(guān)于webpack動態(tài)import原理的相關(guān)資料,需要的朋友可以參考下2022-04-04
一個(gè)特殊的排序需求的javascript實(shí)現(xiàn)代碼
看了之后1是手癢癢，2是覺得樓主的實(shí)現(xiàn)有問題，就動手寫了一下，用js,大概用了30-40分鐘。2009-09-09
js實(shí)現(xiàn)精美的圖片跟隨鼠標(biāo)效果實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)精美的圖片跟隨鼠標(biāo)效果,實(shí)例分析了javascript鼠標(biāo)事件及頁面樣式的操作技巧,需要的朋友可以參考下2015-05-05
es6函數(shù)之rest參數(shù)用法實(shí)例分析
這篇文章主要介紹了es6函數(shù)之rest參數(shù)用法,結(jié)合實(shí)例形式分析了es6函數(shù)rest參數(shù)功能、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04