溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

微信小程序使用Vant Weapp組件庫的方法步驟

發布時間:2020-09-01 18:39:26 來源:腳本之家 閱讀:223 作者:直男程序員的鋼鐵之路 欄目:web開發

微信小程序使用Vant Weapp組件庫的方法步驟

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

一.引入Vant組件庫

1.首先運行 npm init

微信小程序使用Vant Weapp組件庫的方法步驟

微信小程序使用Vant Weapp組件庫的方法步驟

就會生成 package.json

微信小程序使用Vant Weapp組件庫的方法步驟

2.運行

npm i vant-weapp -S --production

 微信小程序使用Vant Weapp組件庫的方法步驟

微信小程序使用Vant Weapp組件庫的方法步驟 

3.安裝成功后 點擊 工具 => 構建npm

微信小程序使用Vant Weapp組件庫的方法步驟

之后點擊 詳情 => 使用構建npm 渲染

微信小程序使用Vant Weapp組件庫的方法步驟

二.使用組件庫

首先在json文件中引入組件

微信小程序使用Vant Weapp組件庫的方法步驟

"van-button": "vant-weapp/button"

之后可以在官網找到想要用的組件使用

微信小程序使用Vant Weapp組件庫的方法步驟 

微信小程序使用Vant Weapp組件庫的方法步驟 

報錯碼

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)中的文件復制到項目的miniprogram_npm/vant-weapp

即下載一份vant,之后替換掉項目中的文件

之后保存解決

微信小程序使用Vant Weapp組件庫的方法步驟

總結

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,謝謝大家對億速云的支持。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女