3回答

好帮手慕久久

2021-03-08

同学你好，执行如下指令，同时卸载swiper和vue-awesome-swiper（别打错单词）：

然后将node_modules文件夹删除，再执行npm install重新安装一下其他安装包。安装完成后，再重新安装vue-awesome-swiper：

npm i vue-awesome-swiper@2.6.7  --save

安装完成，启动项目。

祝学习愉快！

0

好帮手慕久久

2021-03-08

同学你好，可能是同学同时安装了swiper和vue-awesome-swiper导致的：

所以引入的时候，会优先使用高版本的了：

建议把swiper卸载试试，指令如下:

npm uninstall swiper

npm uninstall swiper --save

卸载完成后，package.json中就不再记录swiper的版本号了，此时重启项目试试。

祝学习愉快！

0

hunaliu

hp>老师，卸载之后报错了。然后，两个路径css我试了都报错，说找不到css了

​

h021-03-08

共1条回复

好帮手慕久久

2021-03-08

同学你好，初步怀疑引入swiper样式时，样式路径书写不正确导致样式没有生效。

课程中，使用的swiper是2.6.7版本，建议同学检查一下自己的swiper是否是2.6.7版本。检查方式如下：

如果不是该版本的swiper，建议换成该版本（该版本比较稳定），安装指令如下：

npm i vue-awesome-swiper@2.6.7  --save

安装完成后，把样式路径，改成如下形式：

修改完成后，记得保存，并重启项目。

如果还是不行，建议同学把版本截图发出来，并把相关代码粘贴出来，老师再帮你测试。

祝学习愉快！

0

hunaliu

hp>

老师，版本是对的，还有我写dist目录会报错，您看这个链接时我之前的提问

https://class.imooc.com/course/qadetail/279866​

h021-03-08

共1条回复