一、問題
前天,在使用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了。
三、反思
感覺現在自己很依賴百度答案,遇到問題了,自己沒有認真去看是什么問題,也沒有自己思考是什么導致了這個問題,就盲目的去上網搜索解決辦法。
而且也沒有形成很好的解決問題的思考能力。
遇到問題多多為什么,不要盲目。