vue中使用swiper出現Can't resolve 'swiper/dist/css/swiper.css'


在使用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新版本是怎樣。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM