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

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

然后就可以了

Logo

前往低代码交流专区

更多推荐