vue-cli项目在部分微信和safari里面打不开

Question

项目用vue-cli构建的，有些微信和safari里面可以打开，有些又打不开。

　怀疑1：是es6没转es5，但是用vue-cli项目构建的，是有转码的。
怀疑2：是babel-polyfill的问题，但是项目也有安装babel-polyfill

挺困惑的。不知道有没有同样遭遇的？求解

Answer 1

老铁 解决没有啊 我也遇到了 在苹果ios9微信浏览器里访问不了 页面直接空白

**

2017-09-03更新

**

看到这么多人有这个问题 我来说个解决方案吧
调试方案

Android

只需要四个步骤：

1、先保证 是否安装了chrome浏览器

2、其次 ，保证 chrome 是否 已经翻墙成功！

3、最后 使用Android usb真机连接电脑，打开手机usb调试模式

4、最后的最后，打开chrome ,输入：chrome://inspect

即可，另外，chrome只支持 android 4.4以上手机！

IOS

只需要两步骤：

1、打开手机端web检查器，设置 -> Safari -> 高级（最底部） -> Web 检查器 打开

2、确保iOS系统手机接入 MAC 电脑（必须是Mac，window调试不了ios系统）

3、找到Mac电脑的 Safari浏览器，找到开发者，就会显示的手机的设备

4、此时此刻就可以使用了，调试各个App上网页版的页面了。

注：如果是 Hybrid 嵌入式开发，线上版本，可能就不能调试了，因为IOS App 会把线上的调试功能给禁用，安全！

当然有次出现这样的问题时上面的方法我测试了 报错信息也没有，后来我把原先用www.bootcdn.cn cdn引入的vue源码换成了最开始用node安装里的然后就好了 。

Answer 2

安装一个手机版colsole.log 调试一下，看看具体报的什么错误

Answer 3

最近也遇到了，检查了下，发现build后是正常的，dev下是空白。
调试后发现是node_modules里面es6的问题，可以尝试把babel的exclude配置注释掉。
pc开发建议打卡exclude，速度比较快，如在ios10以下开发可以关闭exclude来调试

{
  test: /\.js$/,
  loader: 'babel-loader',
  // exclude: /node_modules/
}

Answer 4

我的项目是由于vue-cli项目package文件里面的"webpack-merge": "^4.1.0" 版本太高了，改成"webpack-merge": "^2.6.1"可以，当然也要“babel-polyfill”

Answer 5

你好，请问解决没有，我也出现了这种情况在低版本手机浏览器里访问不了 页面直接空白

Answer 6

楼主请问解决没，我也遇到了这样的问题。。。

Answer 7

网上的方法都试过，不行