微信小程序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 相关文章推荐
javascript 树形导航菜单实例代码
Aug 13 Javascript
jquery遍历数组与筛选数组的方法
Nov 05 Javascript
JavaScript不使用prototype和new实现继承机制
Dec 29 Javascript
Javascript基础教程之for循环
Jan 18 Javascript
JS数组的常见用法实例
Feb 10 Javascript
js获取及判断键盘按键的方法
Dec 01 Javascript
JavaScript基于自定义函数判断变量类型的实现方法
Nov 23 Javascript
非常实用的vue导航钩子
Mar 20 Javascript
Ionic2调用本地SQlite实例
Apr 22 Javascript
javascript中神奇的 Date对象小结
Oct 12 Javascript
详解Vuex下Store的模块化拆分实践
Jul 31 Javascript
JavaScript实现点击图片换背景
Nov 20 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
用libtemplate实现静态网页生成
2006/10/09 PHP
php&java(三)
2006/10/09 PHP
PHP 页面跳转到另一个页面的多种方法方法总结
2009/07/07 PHP
php使用gd2绘制基本图形示例(直线、圆、正方形)
2017/02/15 PHP
用JavaScript玩转游戏物理(一)运动学模拟与粒子系统
2010/06/19 Javascript
基于jQuery的模仿新浪微博时间的组件
2011/10/04 Javascript
通过正则格式化url查询字符串实现代码
2012/12/28 Javascript
如何学习Javascript入门指导
2013/11/01 Javascript
利用js读取动态网站从服务器端返回的数据
2014/02/10 Javascript
JS阻止用户多次提交示例代码
2014/03/26 Javascript
推荐10 款 SVG 动画的 JavaScript 库
2015/03/24 Javascript
JavaScript中数组的22种方法必学(推荐)
2016/07/20 Javascript
Nodejs 发布自己的npm包并制作成命令行工具的实例讲解
2018/05/15 NodeJs
原生JS实现DOM加载完成马上执行JS代码的方法
2018/09/07 Javascript
python在windows下实现ping操作并接收返回信息的方法
2015/03/20 Python
Python自动登录126邮箱的方法
2015/07/10 Python
Django Highcharts制作图表
2016/08/27 Python
python调用c++ ctype list传数组或者返回数组的方法
2019/02/13 Python
python实现桌面气泡提示功能
2019/07/29 Python
python3 正则表达式基础廖雪峰
2020/03/25 Python
使用python-Jenkins批量创建及修改jobs操作
2020/05/12 Python
一款利用纯css3实现的360度翻转按钮的实例教程
2014/11/05 HTML / CSS
HTML5实现锚点时请使用id取代name
2013/09/06 HTML / CSS
凯撒娱乐:Caesars Entertainment
2018/02/23 全球购物
YSL圣罗兰美妆英国官网:Yves Saint Laurent Beauty UK
2019/08/03 全球购物
掌上明珠Java程序员面试总结
2016/02/23 面试题
本科生职业生涯规划书范文
2014/01/21 职场文书
消防工作实施方案
2014/06/09 职场文书
汽修专业自荐信
2014/07/07 职场文书
学校安全管理责任书
2014/07/23 职场文书
2014年环境卫生工作总结
2014/11/24 职场文书
党员转正意见怎么写
2015/06/03 职场文书
教师个人工作总结范文2015
2015/10/14 职场文书
《中国机长》观后感:敬畏生命,敬畏职责
2019/11/12 职场文书
python爬不同图片分别保存在不同文件夹中的实现
2021/04/02 Python
python数字转对应中文的方法总结
2021/08/02 Python