关于vue中使用swiper在ie浏览器和ios 9 系统中白页面。SCRIPT1002:语法错误 dom7.modular.js

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

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值