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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐