This dependency was not found: * swiper/dist/css/swiper.css in ./src/main.js

This dependency was not found:

* swiper/dist/css/swiper.css in ./src/main.js

To install it, you can run: npm install --save swiper/dist/css/swiper.css

这个错误是因为在vue 中使用轮播插件，但是轮播插件中的 swiper 版本过高

npm install swiper vue-awesome-swiper --save

其中这两个包，“swiper”: “^6.4.5”, “vue-awesome-swiper”: “^4.1.1”,

在npm中引入模板是：但是由于此时的 swiper 版本过高，node_models 中的 swiper 文件夹没有css文件夹

import VueAwesomeSwiper from 'vue-awesome-swiper'
 
// import style
import 'swiper/css/swiper.css'
 
Vue.use(VueAwesomeSwiper, /* { default options with global component } */)

这是就要添加一条新的引入css 文件：当swiper版本高于^6.0.0时，新的引入 css 文件的方法。

import VueAwesomeSwiper from 'vue-awesome-swiper'
 
// import style
// import 'swiper/css/swiper.css'
import 'swiper/swiper-bundle.css'
 
Vue.use(VueAwesomeSwiper, /* { default options with global component } */)

由官方文档可知，不仅全局引入需要改变css 路径引入，局部引入也需要：

swiperGitHub文档连接：点击查看详细说明