vue3安装swiper10.0解决引入报错问题

项目场景：

vue3，安装swiper遇到了引入报错swiper/vue不存在

问题描述

根据官方文档的提示，安装、引入

npm i swiper
import { Swiper, SwiperSlide } from 'swiper/vue'

报错swiper/vue不存在。
去node_modules目录下查看，swiper下没有vue目录

一顿查找文档加摸索，并没有找到别人遇到过这个问题。
尝试了降低swiper版本和各种方法都没有解决，折腾了好久…

---

解决方案：

最终在github里找到了答案，使用 webpack 4时，改成下面这个引入。

引入改成：import { Swiper, SwiperSlide } from ‘swiper/swiper-vue.mjs’;