swiper6插件使用遇到的坑

引入的坑

• 错误：我按照官方文档，下载引入swiper插件，报错找不到依赖
• 解决过程

• 报错的信息是This dependency was not found:...，依赖找不到，我查看了package.json里面的dependencies我确实已经安装了
• 我想到之前某个插件引入是因为版本问题，这个也可能是因为版本问题
• 我查看了下swiper插件的版本是最新的版本7.0.6，再依照报错的信息寻找依赖的包，发现引用的路径没有需要引入的文件夹，因为版本不同 项目目录变了

• 解决方法一：把node_module删掉，和package.json里面的dependencies删掉，重新安装下载使用,同时指定低的版本,用低的版本引入方式
• 解决方法二：查看要引入文件的正确路径，修改路径

• 正常安装并引入后报错找不到文件,卸载重装也一直报错的话
• 将整个node_modules文件删掉再npm install
• 可能是swiper有残留

• 使用插件注意事项:

• 有时候会出现文件路径随着版本更新变化的问题，但是文档可能不是最新版本的
• npm install xx 一般都是安装插件的最新版本，而文档可能不是最新的，仔细查看引入的路径有没有相关的文件
• 有些插件是基于另外一个插件的某个版本开发的，两个要对应上
• 最好选旧的版本，更加稳定

使用的坑

• Swiper6分块导入,像自动播放等得方块导入

import Swiper, { Pagination,Autoplay } from "swiper";
Swiper.use([Pagination,Autoplay]);