admin管理员组

文章数量:1558055

关于引入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:具体详情戳这里

本文标签: 浏览器语法错误页面系统ios