关于引入swiper导致白页面的问题
最近在使用swiper发现在ios 9系统和ie11中及一下。会导致白页面。
通过抓包调试ios手机的时候。只是报了一个const 不识别的问题。完全定位不到地方。。。一脸懵逼。
因为vue-cli3.x以上是自带babel的。
后来在ie浏览器中试了下。打印出了一个错误SCRIPT1002:语法错误 dom7.modular.js。
这是因为使用swiper的时候会自动引入dom7,ssr-window这两个库。
但是vue-cli默认是不对node_modules进行babel处理的。所以就会导致在低版本的浏览器中报const错误。
解决方法:
vue.config.js中
module.exports={
transpileDependencies: [
"swiper",
"dom7",
"ssr-window"
]
}
transpileDependencies:具体详情戳这里