使用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文件夹看文件

使用vue-awesome-swiper在编译机上报错_css

是这么个路径,所以是不一样的。引的时候需要加没有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是最新的,不是代码库中引用的那个版本。