微信小程序使用Vant Weapp组件库的方法步骤


Posted in Javascript onAugust 01, 2019

微信小程序使用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组件库的方法步骤

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
动感效果的TAB选项卡jquery 插件
Jul 09 Javascript
js 固定悬浮效果实现思路代码
Aug 02 Javascript
jQuery遍历之next()、nextAll()方法使用实例
Nov 08 Javascript
JavaScript地理位置信息API
Jun 11 Javascript
JS使用onerror捕获异常示例
Aug 03 Javascript
H5移动端图片压缩上传开发流程
Nov 09 Javascript
jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】
Mar 04 Javascript
JavaScript评论点赞功能的实现方法
Mar 13 Javascript
bootstrap fileinput组件整合Springmvc上传图片到本地磁盘
May 11 Javascript
使用Vue自定义数字键盘组件(体验度极好)
Dec 19 Javascript
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
Jun 06 jQuery
微信小程序indexOf的替换方法(推荐)
Jan 14 Javascript
微信小程序中button去除默认的边框实例代码
Aug 01 #Javascript
vue-router两种模式区别及使用注意事项详解
Aug 01 #Javascript
jQuery中DOM常见操作实例小结
Aug 01 #jQuery
JS浮点数运算结果不精确的Bug解决
Aug 01 #Javascript
微信小程序动画组件使用解析,类似vue,且更强大
Aug 01 #Javascript
vue项目中全局引入1个.scss文件的问题解决
Aug 01 #Javascript
jQuery中DOM操作原则实例分析
Aug 01 #jQuery
You might like
php 正确解码javascript中通过escape编码后的字符
2010/01/28 PHP
ecshop 订单确认中显示省市地址信息的方法
2010/03/15 PHP
PHP实现QQ空间自动回复说说的方法
2015/12/02 PHP
PHP中读取文件的几个方法总结(推荐)
2016/06/03 PHP
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载
2012/06/28 Javascript
jQuery.Validate验证库的使用介绍
2013/04/26 Javascript
jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
2013/05/28 Javascript
Jquery创建一个层当鼠标移动到层上面不消失效果
2013/12/12 Javascript
深入理解jQuery中live与bind方法的区别
2013/12/18 Javascript
javascript中setAttribute兼容性用法分析
2016/12/12 Javascript
angularjs+bootstrap实现自定义分页的实例代码
2017/06/19 Javascript
获取本机IP地址的实例(JavaScript / Node.js)
2017/11/24 Javascript
Vue2.0子同级组件之间数据交互方法
2018/02/28 Javascript
JS非行间样式获取函数的实例代码
2018/06/05 Javascript
详解webpack运行Babel教程
2018/06/13 Javascript
JavaScript读写二进制数据的方法详解
2018/09/09 Javascript
Bootbox将后台JSON数据填充Form表单的实例代码
2018/09/10 Javascript
jQuery时间戳和日期相互转换操作示例
2018/12/07 jQuery
关于layui flow loading占位图的实现方法
2019/09/21 Javascript
jQuery弹框插件使用方法详解
2020/05/26 jQuery
[01:27:30]LGD vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
RC4文件加密的python实现方法
2015/06/30 Python
python daemon守护进程实现
2016/08/27 Python
对pycharm代码整体左移和右移缩进快捷键的介绍
2018/07/16 Python
Python 多个图同时在不同窗口显示的实现方法
2019/07/07 Python
用python写一个定时提醒程序的实现代码
2019/07/22 Python
python的slice notation的特殊用法详解
2019/12/27 Python
基于torch.where和布尔索引的速度比较
2020/01/02 Python
html5关于外链嵌入页面通信问题(postMessage解决跨域通信)
2020/07/20 HTML / CSS
厂长岗位职责
2014/02/19 职场文书
煤矿安全协议书
2014/08/20 职场文书
创先争优承诺书
2015/01/20 职场文书
大学生创业计划书常用模板
2019/08/07 职场文书
ORACLE查看当前账号的相关信息
2021/06/18 Oracle
Ubuntu18.04下QT开发Android无法连接设备问题解决实现
2022/06/01 Java/Android
javascript中Set、Map、WeakSet、WeakMap区别
2022/12/24 Javascript