Vue Swiper导入swiper.css报错This dependency was not found:swiper/dist/css/swiper.css

Vue使用swiper下出错：
This dependency was not found:swiper/dist/css/swiper.css
To install it, you can run: npm install --save swiper/dist/css/swiper.css
使用npm下载了：npm install swiper vue-awesome-swiper --save
转到“ node_modules”文件夹，
找到“ vue-awesome-swiper”，
选择“ dist”
一直报错找不到此文件swiper.css。
哇~~~~~~~~~冷静！冷静让我快乐，让我们捋捋思路啊，
之前：官方推荐使用

import 'swiper/dist/css/swiper.css'
import { Swiper, SwiperSlide, directive } from 'vue-awesome-swiper'

npm run serve运行后
###出错：
This dependency was not found:swiper/dist/css/swiper.css
To install it, you can run: npm install --save swiper/dist/css/swiper.css
实际上我的swiper版本是6.0.4
我当时眼睛一定是被美女吸引注意力；），没仔细看到：官方说明了Swiper安装6.0版本或以上的话需要引入另外一个css

import 'swiper/swiper-bundle.css'

替代

import 'swiper/css/swiper.css'

官网上英文原话 如下

So改正：就改了第一行代码

import 'swiper/swiper-bundle.css'
import { Swiper, SwiperSlide, directive } from 'vue-awesome-swiper'

OK,bug排除，真妙啦！

---

如果这篇博文对你有了帮助，就点个赞吧~ 收藏也行啊~
8月更新
项目进展时候，报了其他错误，尝试换一下思路，比如：
插件版本，升级或降级版本都要试一试，总有一个版本会互相兼容的，
相信自己是个聪明的人类，透过迷雾看到本质。
* *就像警察破案一样，大量的嫌疑人，然后一个一个排除，直到真相显露；真凶必然藏在不起眼的、或是可能错过一次的嫌疑人中。
我们寻找的"真凶"就是"bug的起因"