由于我自己在写一个演示时候用到了该插件，出现了一些问题，所以就简单查了一下该插件的用法以及一些常见的错误

1.出现得到./maps/swiper.min.js.map 500(内部服务器错误)

使用部版本时缺少源地图文件

1.禁止源地图提示，删除swiper.min.js文件的最后一行//# SourceMappingURl=swiper。量滴js。地图即可

2.如需要使用来源地图，完整包里面有该文件swiper.min.js.map，请放在相应的位置。关于源地图

2 .出现不能自动轮播，分页点点不显示

解决办法：

安装加版本号。

由于哇-棒-嗖插件包的版本问题，可能会出现左右箭头点击失效的情况

解决方式如下：

新公共管理卸载-棒极了-swiper -保存

NPM安装vue-awesome-swiper @ 3。1 .3-保存

安装完3.1.3的版本后，重新启动查看就解决了

3.出现render:中的错误"类型错误：无法设置未定义的属性"参数"跟版本号有关系，4.0 版本首字母大写，3.0版本，首字母小写。

答案链接：https://github。com/surmon-China/vue-awesome-swiper/issues/499

如果使用的是3.x版本vue-awesome-swiper@3.x，导入代码如下：

从"哇-棒-嗖"导入{ swiper，swiperSlide }

如果使用的是4.x版本vue-awesome-swiper@4.x，导入代码如下：

从"哇-棒-嗖"导入{ Swiper，SwiperSlide }

4.出现未捕获的引用错误：瑞士法郎未在定义.

可能是没有加载射流研究…文件或位置错误

解决方式如下：

下载文件包并在页面中加载捣蛋鬼的射流研究…和半铸钢钢性铸铁(铸造半钢)文件，或使用捣蛋鬼的加拿大服务加载文件，加载后再初始化捣蛋鬼

某视频剪辑软件中使用捣蛋鬼的用法如下：

种：全局引入

在main.js中

从"哇-棒-嗖"导入VueAwesomeSwiper

导入" swiper/dist/CSS/swiper。CSS”；

Vue.use(VueAwesomeSwiper)

第二种：局部引入

在所用模块的射流研究…文件中

从"哇-棒-嗖"导入{ swiper，swiper slide }；

导入" swiper/dist/CSS/swiper。CSS”；

导出默认值{

组件： {

斯威珀，

swiperSlide

}

}

在。某视频剪辑软件文件中，左右箭头放在轮播图的外面，代码如下：

swiper class=' swiper ' : options=' swiperOption '

swiper-slide class=' swiper-slide ' v-for=' item in 4 ' : key=' item '

div class=' swiper-content " { item } }/div

/swiper-幻灯片

div class=' swiper-pagination ' slot=' pagination '/div

/swiper

div class=' swiper-button-prev ' slot=' button-prev '/div

div class=' swiper-button-next ' slot=' button-next '/div

在。某视频剪辑软件文件中，左右箭头放在轮播图的里面，代码如下：

swiper class=' swiper ' : options=' swiperOption '

swiper-slide class=' swiper-slide ' v-for=' item in 4 ' : key=' item '

div class=' swiper-content " { item } }/div

/swiper-幻灯片

div class=' swiper-pagination ' slot=' pagination '/div

div class=' swiper-button-prev ' slot=' button-prev '/div

div class=' swiper-button-next ' slot=' button-next '/div

/swiper