在使用vue-awesome-swiper中出現Can't resolve 'swiper/dist/css/swiper.css'錯誤
百度各種文檔找,都不行,基本都是說各種安裝,但是又總是說的含含糊糊。
最終綜合了好幾個文檔確定是swiper版本的問題。
一般在安裝的時候都是使用這個命令
npm install swiper vue-awesome-swiper --save
默認就安裝了vue-awesome-swiper的最新版本,我的是5.3.8.
然而在vuecli的工程下面\node_modules\swiper里面會發現沒有dist目錄,所以出現這個錯。
目前因為沒去研究,所以不知道swiper最新版5.3.8應該是怎么導入這個css,可能是不需要走dist這個目錄。
百度各種文檔寫的都是npm去安裝vue-awesome-swiper的命令。但實際在安裝vue-awesome-swiper的時候,會自動安裝一個swiper。
我開始以為是vue-awesome-swiper的版本太高,超過了項目代碼的版本,就指定安裝了vue-awesome-swiper@3.1.3
npm install swiper vue-awesome-swiper@3.1.3 --save-dev
結果依然不行。后來在package.json看了swiper的版本,才發現swiper盡管被我刪除了。但是在安裝vue-awesome-swiper@3.1.3的時候,仍然安裝了swiper5.3.8版本。
最終解決方案是:
刪除swiper目錄
執行
npm install swiper swiper@3.4.2 --save-dev
swiper目錄就出現了dist目錄。
編譯通過。正常。
有機會再看看swiper新版本是怎樣。