Swiper6无法轮播和添加导航，问题变相解决方法

引：

在vue项目里需要写一个轮播图，我这一寻思，掏出了多年不用的swiper，默认直接安装了6.x，我自以为一个轮播图的初步样式，小问题啦，结果玩了老子将近1天的功夫才搞定，话不多说，让我们看看万恶的Swiper6到底是如何摧残我的心得

---

问题描述：

按照swiper6官网的提示去安装后，很好我们会得到报错，我们都不唠那么深的 。 这个是官网“import 'swiper/swiper.scss';”在vue里引入css的代码。 但是，只要你一用直接报错。

// Import Swiper styles
  import 'swiper/swiper.scss';
  //或者
 'dist/css/swiper-bundle.min.css'
        

---

原因分析：

原因很简单，因为官网的路径是错的，我发现引不进来后去追swiper.css的位置，在node_modul