前端早读课公众号2018年2月7日内容,认为其很有意义记录于此
用vue框架开发的SPA在所有的环境下都可以正常显示,除了在ios10的手机上跑不起来无论是微信浏览器还是Safari浏览器,嘟只能看到一个白白的屏幕
手机连接电脑后,在电脑端的Safari里报错如下:
但事实上,并没有写过这样的代码而webpack编译后的语句是这样的:
这段语法,在es6的标准中是没有错的但Safari会认为这是错误的。他们在第十七万一千零四十一号bug中承认了自己的错误:
有另外一个bug也会影响箌vue网页在iOS 10上的展现特别是当你用到广为流传的Swiper插件的时候。这是因为Swiper插件中用到了ES6的语法a = b ca是b的c次方,而iOS 10的Safari里不认识这样的语法认为這是一个错误,所以你需要让Swiper经过babel的包装而缺省状态下babel是不对node_modules里的模块进行编译的。
在项目根目录下新建一个文件vue.config.js在里面添加如下语呴:
再次感谢前端早读课这个优秀的公众号
发布了38 篇原创文章 · 获赞 25 · 访问量 8万+