Vue2.6.14引入Swiper7.0.5找不到swiper/vue、swiper/css依赖问题问询

• Swiper 7.x 版本内置的Vue组件仅适配Vue 3.x，你当前项目使用的是Vue 2.6.14，版本不匹配导致swiper/vue导入路径不存在
• 系统自动提示的安装命令中的@/swiper/css是错误路径，@/是你项目配置的本地路径别名（默认指向src目录），不存在对应npm包，直接执行安装命令必然报错

方案1：降级使用适配Vue2的稳定版本（优先推荐） #

1. 卸载当前安装的不兼容Swiper版本

npm uninstall swiper

2. 安装适配Vue2的Swiper 6.x版本及对应封装组件

npm install swiper@6 vue-awesome-swiper@4

3. 替换原有导入代码

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

该方案兼容性最好，原有业务逻辑基本不需要调整即可正常使用。

方案2：强制使用Swiper 7.x版本 #

如果有特定功能必须使用Swiper 7.x，可安装官方提供的Vue2兼容包：

1. 安装对应依赖

npm install swiper@7 @swiper/vue@2

2. 替换原有导入代码

import { Swiper, SwiperSlide } from '@swiper/vue'
import 'swiper/css'

注意：Swiper 7.x对Vue2的适配包稳定性低于6.x版本，无特殊需求不建议使用该方案。

内容的提问来源于stack exchange，提问作者nickb84