一、问题

前天,在使用vant的checkbox复选框的时候,注意到新增加一个全选功能,通过 ref 可以获取到 CheckboxGroup 实例并调用实例方法。于是我就想用这个,但是按照上面的示例写了以后,一直提示我toggleAll is not a function,让我很纳闷。

后来发现我自己的vant的版本还是1.x的,而这个功能是在2.2.6才新增加的,于是我就升级呗。

问题来了,安装了最新版以后,在我运行程序的时候 ,就一直报错,

These dependencies were not found:
* vant/es/goods-action-big-btn in ./src/config/vant.config.js
* vant/es/goods-action-big-btn/style in ./src/config/vant.config.js
* vant/es/goods-action-mini-btn in ./src/config/vant.config.js
* vant/es/goods-action-mini-btn/style in ./src/config/vant.config.js
To install them, you can run: npm install --save vant/es/goods-action-big-btn vant/es/goods-action-big-btn/style vant/es/goods-action-mini-btn vant/es/goods-action-mini-btn/style
 即使我尝试了跑以上推荐的命令npm install --save vant/es/goods-action-big-btn vant/es/goods-action-big-btn/style vant/es/goods-action-mini-btn vant/es/goods-action-mini-btn/style 依然还是会报错 。
在网上也没有找到相关的问题报错,去看官方的issue,一直看的是还在open状态下的,没注意的已经关闭的问题,所以也没看到相关问题的提出。
把node_modules彻底删除再继续安装,也没有用。
升级vue相关的版本到最高,依旧没有用。
想了很多中可能,可就是没去打开vant.config.js去看看里面为啥没那个几个依赖,所以尝试各种办法都没用。
然后在昨晚的时候发现vant官方又升级了,到2.2.7,我就在想为啥别人就好好的呢,肯定是自己的问题啊。又去官方的issue看了看,这次忽然在被关闭的问题里,找到了和我一样问题的,官方给了解释是“参见更新日志,不兼容更新部分,https://youzan.github.io/vant/#/zh-CN/changelog#bu-jian-rong-geng-xin

二、解决办法

于是乎,终于知道了自己的问题,打开了自己的vant.config.js文件。

就是名字变了呗,更新版本后并没有自动把名字改过来,所以自己动手咯。

把名字改了以后就OK了。

三、反思

感觉现在自己很依赖百度答案,遇到问题了,自己没有认真去看是什么问题,也没有自己思考是什么导致了这个问题,就盲目的去上网搜索解决办法。

而且也没有形成很好的解决问题的思考能力。

遇到问题多多为什么,不要盲目。

 

安装vant2.2.7版本报错These dependencies were not found: vant/es/goods-action-big-btn in ./src/config/vant.config.js......的更多相关文章

  1. windows server2012 R2安装python3.x版本报错0x80240017

    windows server2012 R2安装python3.x版本报错0x80240017 环境: windows server 2012 R2系统 问题: 安装python3.5版本时候出现错误0 ...

  2. C#或Net连接Oracle操作提示 Oracle 客户端 version 8.1.7 或更高版本报错

    异常问题 远程连接ORCALE 服务器,而本地未安装任何ORCALE 相关客户端及ODAC .using System.Data.OracleClient;当我们用程序操作Oracle库的时候,OPE ...

  3. 【Egret】web版本报错:XMLHttpRequest cannot load

    [Egret] web发行版本报错:XMLHttpRequest cannot load file:///C:/Users/PX/Documents/EgretProjects/Xt1/resourc ...

  4. Android 6.0以后的版本报错:open failed: EACCES (Permission denied)

    Android 6.0以后的版本报错:open failed: EACCES (Permission denied) 在开发项目中,遇见要进行文件操作,遇见Caused by: android.sys ...

  5. mysql版本报错

    IntelliJIdea2019.3打开原项目报mysql版本报错: Error opening zip file or JAR manifest missing : /C:/Users/flycat ...

  6. Oracle高版本导出dmp导入Oracle低版本报错:"不是有效的导出文件、头部验证失败"解决方法

    从Oracle高版本中导出dmp,然后导入到Oracle低版本时会报错:"不是有效的导出文件.头部验证失败",解决方法: 方法一:下载软件:AlxcTools,打开后选择要修改的文 ...

  7. fis3 scss 版本报错

    fis3 scss编译需要安装的node版本为4.x,node版本高了fis会报错.如下图所示:

  8. cmake尝试检测GCC版本报错

    本人尝试编译指定commit版本的MRPT库,报错如下, CMake Error at cmakemodules/script_detect_gcc.cmake: (LIST): list GET g ...

  9. python numpy版本报错: File "*\numpy\__init__.py", line 305, in <module> _win_os_check()

    具体代码如下所示: from numpy import * import operator a = random.rand(4, 4) print(a) 具体报错内容如下所示: Traceback ( ...

随机推荐

  1. 51nod 1376 最长递增子序列的数量(不是dp哦,线段树 +  思维)

    题目链接:https://www.51nod.com/onlineJudge/questionCode.html#!problemId=1376 题解:显然这题暴力的方法很容易想到就是以每个数为结尾最 ...

  2. Atcoder C - +/- Rectangle(思维+构造)

    题目链接:http://agc016.contest.atcoder.jp/tasks/agc016_c 题解:挺简单的构造,很容易想到的构造方法就是(h*w)的小矩阵里其他值赋值为1,最后一个赋值为 ...

  3. 第 14 篇:交流的桥梁“评论功能”——HelloDjango 系列教程

    截止到目前为止我们的 django blog 文章展示部分,已经实现的"八九不离十"了.你以为本系列文章就要结束了吗?不能够!新的征程才刚刚开始,HelloDjango 系列文章刚 ...

  4. net core天马行空系列: 一个接口多个实现类,利用mixin技术通过自定义服务名,实现精准属性注入

    系列目录 1.net core天马行空系列:原生DI+AOP实现spring boot注解式编程 2.net core天马行空系列: 泛型仓储和声明式事物实现最优雅的crud操作 哈哈哈哈,大家好,我 ...

  5. 【原创】(四)Linux内存模型之Sparse Memory Model

    背景 Read the fucking source code! --By 鲁迅 A picture is worth a thousand words. --By 高尔基 说明: Kernel版本: ...

  6. Kafka服务端之网络连接源码分析

    #### 简介 上次我们通过分析KafkaProducer的源码了解了生产端的主要流程,今天学习下服务端的网络层主要做了什么,先看下 KafkaServer的整体架构图 ![file](https:/ ...

  7. Hive介绍和安装部署

        搭建环境 部署节点操作系统为CentOS,防火墙和SElinux禁用,创建了一个shiyanlou用户并在系统根目录下创建/app目录,用于存放 Hadoop等组件运行包.因为该目录用于安装h ...

  8. charles 帮助菜单总结

    本文参考:charles 帮助菜单总结 charles的window和help的菜单介绍 其中window菜单的如下 这里我一般用到的就是 Active connections:可以用它来看charl ...

  9. 定义一个Person类,其中包括:1.定义属性:姓名、年龄、民族作为成员变量。定义静态成员变量:人数2.定义构造方法:对成员变量进行初始化。3.定义多个方法:分别显示相应的属性值,例如getName(){System.out.print("名称="+name+";"); }4.定义一个方法“成长”:实现年龄的增加,每执行一次年龄增加1

    题目显示不全,完整题目描述: (1)定义一个Person类,其中包括:1.定义属性:姓名:年龄:民族作为成员变量.定义静态成员变量:人数2.定义构造方法:对成员变量进行初始化.3.定义多个方法:分别显 ...

  10. 关于ClassLoader的使用

    了解ClassLoader: /* * 了解类的加载器:ClassLoader * */ @Test public void testClassLoader() { // 获取到系统类加载器,加载用户 ...