創(chuàng)新互聯(lián)-專(zhuān)業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性?xún)r(jià)比宿豫網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式宿豫網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋宿豫地區(qū)。費(fèi)用合理售后完善，十載實(shí)體公司更值得信賴(lài)。

地址：https://youzan.github.io/vant/#/zh-CN/intro

一.引入Vant組件庫(kù)

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 渲染

二.使用組件庫(kù)

首先在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 :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é)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)創(chuàng)新互聯(lián)的支持。