猿问

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

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

肥皂起泡泡

你可以监听一下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));};})();
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答