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

Question

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

Answer 1

https://github.com/webpack/we... webpack-dev-server的bug

Answer 2

如果页面在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，然后自己摸索吧，一些（安卓）移动端的兼容性问题都可以这样解决。

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

Answer 3

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