复制Swiper官方Demo代码运行仍报错找不到swiper模块如何解决？

报错详情：
./src/UI/swiper/PaginationSwiper.js
Module not found: Can't resolve 'swiper' in 'C:\Users\atozgram\Desktop\Jackson\front\src\UI\swiper'

• 第一步：确认是否已安装Swiper依赖
  打开项目根目录（package.json所在文件夹）的终端，执行npm list swiper命令，若无对应版本输出说明未安装依赖，执行对应包管理器的安装命令：
  npm：npm install swiper
  yarn：yarn add swiper
  pnpm：pnpm add swiper

• 第二步：检查导入语句写法是否正确
  不要使用相对路径导入Swiper，正确的导入写法为直接引用包名，示例：
  基础引入：import Swiper from 'swiper'
  框架组件引入（以React为例）：import { Swiper, SwiperSlide } from 'swiper/react'
  样式引入：import 'swiper/css'
  避免写成import Swiper from './swiper'这类相对路径写法，当前报错本质就是代码在当前组件文件夹下查找Swiper文件而非查找第三方依赖包。

• 第三步：清理缓存重新安装
  若已安装依赖仍报错，删除项目根目录下的node_modules文件夹，以及package-lock.json/yarn.lock/pnpm-lock.yaml锁文件，重新执行安装命令后重启开发服务即可。

• 第四步：确认依赖写入成功
  打开项目根目录的package.json文件，查看dependencies字段下是否存在swiper条目，若不存在说明之前的安装操作未成功，重新执行安装命令即可。

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