使用vue-awesome-swiper"在编译机上报错"Can’t resolve ‘swiper/dist/css/swiper.css’"
在使用vue-awesome-swiper按照官方文档
npm install swiper vue-awesome-swiper --save
这么写,本地mac跑没问题,但是到了编译机就有问题,报错
Can't resolve 'swiper/dist/css/swiper.css'
去去swiper文件夹看文件

是这么个路径,所以是不一样的。引的时候需要加没有dist,原来是另一个项目这么写的
swiper/dist/css/swiper.css
经查,只安装 vue-awesome-swiper的时候会自动安装swiper这样这个swiper下面就有这个dist,在同时安装的时候就没有dist。
以后只安装vue-awesome-swiper,就可以只在dist下面。
总结
以后用node的npm包的时候去看 https://www.npmjs.com/package/vue-awesome-swiper/v/3.1.3 这个下面指定版本的教程,不要看github的。因为github是最新的,不是代码库中引用的那个版本。
本文详细解析了在使用vue-awesome-swiper组件时,遇到的编译机上无法解析'swiper/dist/css/swiper.css'的问题。通过对比本地与编译机环境差异,发现正确引用方式应在安装包时注意dist目录的存在。文章强调了遵循特定版本教程的重要性,避免使用可能不匹配项目版本的最新GitHub文档。
6182

被折叠的 条评论
为什么被折叠?



