vue 项目中使用 swiper 报错

vue项目中使用swiper报错

一：出现问题前提
1：swiper适用版本是swiper-3；
2：vue项目单独引入swiper的js包，非npm i 安装；

二：报的错误
(1)
[Vue warn]: Error in mounted hook: "ReferenceError: Swiper is not defined"

这个没得说，请自己仔细检查文件引入路径吧；（作者自己也在疯狂吐血中~~~~~~~）

(2)

这种报出exports是因为当前脚手架不支持，引入的js文件的空js规范 ;
若妮的脚手架是4.0及以上版本，就不会出现这种报错了；

出现问题就得解决，那摩解决办法就是~~~再引入一个Babel插件就可以解决这个哈哈哈哈哈。

使用yarn /npm 都可以：
yarn安装命令： yarn add @babel/plugin-transform-modules-commonjs -D
npm安装命令：npm i --save-dev @babel/plugin-transform-modules-commonjs

莫急莫走，还需要配置呐~

将这段代码配置到文件babel.config.js中。

个人吐槽角落：姨妈驾到，啥也不想干，只想吃甜甜的蛋糕，追甜甜的剧。 Q^Q