vue使用swiper打包后ie浏览器打开语法错误问题

关于vue使用swiper打包后ie浏览器打开语法错误问题

原因

引入文件
import Swiper from ‘swiper’
import ‘…/…/…/node_modules/swiper/dist/css/swiper.min.css’

因为这样引入之后,他会直接找到node_modules/swiper下的依赖包,但是在打包的时候它可能会无法找到相应的文件,导致某些文件出现问题,在其他浏览器下面不会出现问题,但是在ie浏览器打开的时候会报5002语法错误等等

网络解决办法

把.babelrc文件里的插件项"plugins": [“transform-runtime”],中的transform-runtime删掉即可;
小编亲测,此解决办法无法解决此问题

解决办法

在build文件中找到webpack.base.conf.js文件,修改配置项:resolve》》alias添加’swiper’: ‘swiper/dist/js/swiper.js’
vue使用swiper打包后ie浏览器打开语法错误问题_第1张图片

重新打包后在ie浏览器打开,完美解决

你可能感兴趣的:(vue)