微信小程序npm引入vant-weapp的踩坑记录


Posted in Javascript onAugust 01, 2019

微信小程序项目使用npm安装vant-weapp的正确步骤 

使用npm安装vant-weapp 到项目根目录下:

npm i vant-weapp -S --production

然后再详情中选中使用npm模块,然后点击工具栏中的构建npm。本以为这样就可以安装成功了,结果

微信小程序npm引入vant-weapp的踩坑记录
没有找到npm包

这让我纠结了一个早上。看了文档,琢磨了很久,最后研究出问题的关键。

第一步:使用cmd进入项目根目录:npm init

然后一直按回车

第二步:输入你要安装的文件(npm i vant-weapp -S --production 

如果已经之前安装了vant-weapp的,就直接到工具栏中选中构建npm就可以了,如果没有就安装好再选中构建npm。

微信小程序npm引入vant-weapp的踩坑记录

我以为这样就可以使用vant-weapp框架了,然后刷新项目,问题来了。。。

错误1

微信小程序npm引入vant-weapp的踩坑记录
大概意思-找不到组件

明明步骤都对了,却还是出错。然后就网上找找问题。网上说:

解决方法:
你只需要把miniprogram_npm/vant-weapp里的组件文件夹都删除,
之后再https://github.com/youzan/vant-weapp下载一份vant, 将dist文件夹(vant-weapp-dev\vant-weapp-dev\dist)中的文件复制到项目的miniprogram_npm/vant-weapp
原文:https://3water.com/article/166771.htm

还有就是重新安装vant-weapp。重新安装是可以的,不会报错。

错误2

引入页面的的.json一定要写对,不然也会报错。

{
 "usingComponents": {
 "van-button": "vant-weapp/button" //添加这个
  }
}

微信小程序npm引入vant-weapp的踩坑记录

引入成功

emmmmm,问题不断,战火不熄,BUG之路还在继续。

总结

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

Javascript 相关文章推荐
jsvascript图像处理—(计算机视觉应用)图像金字塔
Jan 15 Javascript
『JavaScript』限制Input只能输入数字实现思路及代码
Apr 22 Javascript
js验证模型自我实现的具体方法
Jun 21 Javascript
AngularJS手动表单验证
Feb 01 Javascript
JavaScript表单验证的两种实现方法
Feb 11 Javascript
深入理解Angular中的依赖注入
Jun 26 Javascript
基于vue-ssr服务端渲染入门详解
Jan 08 Javascript
zTree 树插件实现全国五级地区点击后加载的示例
Feb 05 Javascript
vue中子组件的methods中获取到props中的值方法
Aug 27 Javascript
vue中实现动态生成二维码的方法
Feb 21 Javascript
深入理解 ES6中的 Reflect用法
Jul 18 Javascript
vue组件入门知识全梳理
Sep 21 Javascript
vue3.0中的双向数据绑定方法及优缺点
Aug 01 #Javascript
微信小程序导入Vant报错VM292:1 thirdScriptError的解决方法
Aug 01 #Javascript
微信小程序使用Vant Weapp组件库的方法步骤
Aug 01 #Javascript
微信小程序中button去除默认的边框实例代码
Aug 01 #Javascript
vue-router两种模式区别及使用注意事项详解
Aug 01 #Javascript
jQuery中DOM常见操作实例小结
Aug 01 #jQuery
JS浮点数运算结果不精确的Bug解决
Aug 01 #Javascript
You might like
php Rename 更改文件、文件夹名称
2011/05/24 PHP
php各种编码集详解和以及在什么情况下进行使用
2011/09/11 PHP
PHP中替换键名的简易方法示例详解
2014/01/07 PHP
php实现自定义中奖项数和概率的抽奖函数示例
2017/05/26 PHP
php实现在线考试系统【附源码】
2018/09/18 PHP
jquery select(列表)的操作(取值/赋值)
2009/08/06 Javascript
ymPrompt的doHandler方法来实现获取子窗口返回值的方法
2010/06/25 Javascript
各浏览器对link标签onload/onreadystatechange事件支持的差异分析
2011/04/27 Javascript
解读JavaScript代码 var ie = !-[1,] 最短的IE判定代码
2011/05/28 Javascript
jQuery学习笔记 获取jQuery对象
2012/09/19 Javascript
JQuery使用index方法获取Jquery对象数组下标的方法
2015/05/18 Javascript
Angularjs中UI Router的使用方法
2016/05/14 Javascript
Vue.JS入门教程之列表渲染
2016/12/01 Javascript
jquery实现侧边栏左右伸缩效果的示例
2017/12/19 jQuery
JS中的JSON对象的定义和取值实现代码
2018/05/09 Javascript
对angular 监控数据模型变化的事件方法$watch详解
2018/10/09 Javascript
解决vue.js提交数组时出现数组下标的问题
2019/11/05 Javascript
vue实现图片上传到后台
2020/06/29 Javascript
使用python实现正则匹配检索远端FTP目录下的文件
2015/03/25 Python
深入浅析python中的多进程、多线程、协程
2016/06/22 Python
简单了解OpenCV是个什么东西
2017/11/10 Python
python爬虫系列Selenium定向爬取虎扑篮球图片详解
2017/11/15 Python
使用python+poco+夜神模拟器进行自动化测试实例
2020/04/23 Python
Python 通过正则表达式快速获取电影的下载地址
2020/08/17 Python
CSS3实现渐变背景兼容问题
2020/05/06 HTML / CSS
中专自我鉴定范文
2013/10/16 职场文书
机械电子工程毕业生自荐信
2013/11/23 职场文书
大学活动总结格式
2014/04/29 职场文书
党员创先争优心得体会
2014/09/11 职场文书
国庆庆典邀请函
2015/02/02 职场文书
班主任经验交流心得体会
2015/11/02 职场文书
学校2016年圣诞节活动总结
2016/03/31 职场文书
使用css样式设计一个简单的html登陆界面的实现
2021/03/30 HTML / CSS
Python Pandas读取Excel日期数据的异常处理方法
2022/02/28 Python
MySQL 逻辑备份 into outfile
2022/05/15 MySQL
Golang实现可重入锁的示例代码
2022/05/25 Golang