前言
嗯 这样的,我们公司呢,前后端不分离,前端页面是写在php里面的。
由于写在php,我的应用都是以引入Vue.js的形式写进项目,(毕竟刚入职)。
然后呢,昨天测试报了个BUG,说我写的页面不能在Vivo X7也就是安卓5.1内的app打开???
问题阐述:
引入了Vue.js的页面 在安卓5.1系统中白屏
解决方法
-
查找报错 项目页面可以通过腾讯开发的vconsole插件 查找报错 传送门:github.com/Tencent/vCo…
-
vconsole 插入的script标签最好放在项目首部引入 不然就像我一开始的时候就console.log 啥子都没输出
-
由于 vconsole 没有输出 于是我决定百度一下 百度建议import 引入 es6-promise 和 polyfill 但我是引入的Vue.js怎么import?
-
请教了前端交流群的大哥 有个大哥说他页面引入browser.js和polyfill.js然后 const vm的那个script标签加上tpye="text/babel"
-
可是我用此法行不通 回到第二步 决定用webpack打包 通过引用bundle.js的方式解决兼容 然后还是没啥用
-
最后 我使用了ie浏览器模拟了安卓界面 发现原来是引入的polyfill没有完成ES6的兼容 根据ie的报错把let const这些什么改成var即可。。。