vue-awesome-swiper 报错 Cannot find module ‘swiper/css/swiper.css‘

做轮播图的时候了解到了这个插件，官网给出的安装和全局导入方式是这样的但是我用的时候出现了问题，报错：Cannot find module ‘swiper/css/swiper.css‘解决方法：把package-lock.json删掉（如果不放心可以把它移动到其他位置），在package.json里把版本号换掉，如下"swiper": "^3.4.2", "vue-awesome-swiper":

钢厂猛1蒋丞丞

6127人浏览 · 2020-08-13 20:25:02

钢厂猛1蒋丞丞 · 2020-08-13 20:25:02 发布

做轮播图的时候了解到了这个插件，官网给出的安装和全局导入方式是这样的
vue-awesome-swiper安装和导入
但是我用的时候出现了问题，报错：Cannot find module ‘swiper/css/swiper.css‘
报错信息
解决方法：

把package-lock.json删掉（如果不放心可以把它移动到其他位置），在package.json里把版本号换掉，如下
"swiper": "^3.4.2", "vue-awesome-swiper": "^3.1.3",
删掉node_modules文件夹，重新npm install（我在重新安装node_modules以后还报了个错，少了个包，按照报错信息哪个少了装哪个就可以了）
把官方文档中导入样式那句代码改掉

import 'swiper/dist/css/swiper.css'

然后就可以了

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^