用vue-cli生成的工程在手机上访问页面空白

Question

用vue-cli生成的SPA在手机部分浏览器如UC中无法显示，在Chrome等Modern浏览器正常显示，由此分析原因为es6语法不兼容，怀疑是转码不彻底导致，因此我去检查了一下babel的配置，却未发现异常babel配置代码如下{"presets":[["env",{"modules":false,"targets":{"browsers":["last10versions","ie>=7"]}}],"stage-2"],"plugins":["transform-runtime"]}求路过的各位大神解惑，你们的每一句话对我来说都至关重要！！另外求助各位大神，在真实手机环境中（不用Chrome模拟器来做）如何优雅的调试？？？？

Answer 1

你可以监听一下window.onerror事件，然后把错误信息发到测试服务器上，这样有脚本错误的情况，即使在真实手机环境你也能知道了。
(function(){
//错误监听
window.onerror=function(message,url,line){
letuserAgent=navigator.userAgent;
//leturl=window.location.href;
lettimestamp=Date.now();
constlink='../error';
letdata={
url:url,
userAgent:userAgent,
timestamp:timestamp,
detail:{
message:message,
line:line
}
};
//提交到服务器
sendAjax(link,JSON.stringify(data));
};
})();