使用最新的vue-cli移动端的uc浏览器和qq浏览器空白

寒梁沐月
  • 17

使用最新的vue-cli移动端的uc浏览器和qq浏览器空白,其他的浏览器正常,之前的脚手架正常,估计是babel-preset-env的问题,在.banelrc内配置了 targets发现没什么效果,有碰到相同情况的吗?求助

回复
阅读 4.8k
3 个回答
✓ 已被采纳

如果页面在chrome等浏览器正常,在IE、移动端等空白,首先排除一些代码bug导致的问题,这个通常可以在控制台查看到,不细说。排除了代码的问题之后,可以考虑从以下几方面入手解决:

  • 第一步肯定是看有没有报错了。首先看IE 会报script100X这种错,这通常是一些(JS高级)语法在IE(移动端低版本内核浏览器)的不兼容导致的,但是通常有babel-polyfill插件即可解决。
  • 第二步是看看是不是vuex的问题,这个在IE会有明显报错,这个问题也可以通过babel-polyfill解决。
  • 第三步考虑是不是fetch导致的,fetch是不兼容IE全系列的,查看fetch兼容性,可以看到在chrome40开始,才有兼容,但是没记错手机QQ浏览器是37,所以你需要一个fetch补丁,例如这个:fetch-polyfill
  • 如果还是不行,那么可以考虑远程调试了。你需要腾讯的TBS,或者直接用chrome的inspect(首次使用需要科学上网),手机连电脑,chrome打开chrome://inspect,然后自己摸索吧,一些(安卓)移动端的兼容性问题都可以这样解决。

最后,如果还是没有解决,我也没什么办法了,请老师傅出手吧。而且多半是代码问题导致的。

请问楼主解决了嘛?我也遇到了相同的问题

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏