老师,我在入口文件中引入swiper,但是vscode中报错,请问这个要怎么解决?

源自：项目-首页开发 2-1 Vue项目首页 - header区域开发

收起

2回答

好帮手慕言回答被采纳获得+3积分 2020-07-26 15:58:22

同学你好，问题解决了，继续往下学习吧~~

好帮手慕言 2020-07-26 13:51:29

同学你好，可能是没有安装成功，建议：删除项目中的node_modules文件，在命令行中输入

npm i

安装完成之后，再输入下方的命令：

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

安装之后，main.js配置如下：

同学可以跟着老师往下写，看效果能不能实现，如果不能实现，可以把命令行中的报错粘上来。

祝学习愉快~

提问者小木木木木木 #1

老师,按您的方法安装了一次,现在main.js那里还是会报无法找到模块vue-awesome-swiperde错误, 终端和console都没报错,而且我在main.js中是可以打印出VueAwesomeSwiper的,但是页面渲染出来的轮播效果是有问题

2020-07-26 14:25:43
提问者小木木木木木 #2

不好意思,刚刚忘记引入css,现在引入之后会报这个错误 ERROR Failed to compile with 1 errors 2:40:36 ├F10: PM┤ This dependency was not found: * swiper/dist/css/swiper.css in ./src/main.js To install it, you can run: npm install --save swiper/dist/css/swiper.css

2020-07-26 14:42:46
提问者小木木木木木 #3

老师,已解决问题,原因是npm那里默认是下载最新的swiper6.0.4版本的,然后package-lock是3.4.2版本的,我重新安装3.4.2版本就可以了

2020-07-26 15:15:14