一、问题
前天,在使用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
* 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了。
三、反思
感觉现在自己很依赖百度答案,遇到问题了,自己没有认真去看是什么问题,也没有自己思考是什么导致了这个问题,就盲目的去上网搜索解决办法。
而且也没有形成很好的解决问题的思考能力。
遇到问题多多为什么,不要盲目。