編碼的世界 / 優質文選 / 生涯

Vue Swiper導入css錯誤


2022年6月25日
-   

Vue使用swiper下 To install it, you can run: npm install save swiper/dist/css/swiper.css
使用npm下載了:npm install vue-awesome-swiper save 轉到“ node_modules”文件夾, 找到“ vue-awesome-swiper”, 選擇“ dist” 文檔中沒有要求的css文件一直報錯找不到此文件。之前:
import 'swiper/dist/css/swiper.css'
import { swiper, swiperSlide } from 'vue-awesome-swiper'

###出錯:To install it, you can run: npm install save swiper/dist/css/swiper.css
改正: 無法找到node moudules下的文件造成,可以這樣輸入:
import 'vue-awesome-swiper/node_modules/swiper/dist/css/swiper.css'
import { swiper, swiperSlide } from 'vue-awesome-swiper'

OK,當然前提已經配置了css-loader包

熱門文章