我在做的项目是基于vue-cli脚手架的,只能用微信浏览器打开。更新功能代码后,反馈部分手机会出现白屏。经过一番摸索,我们多管齐下解决了这个问题。白屏可能原因:es6代码没有编译成es5;文件打包路径错误;运营商插入的广告js服务器报错,项目无法下载资源;对于1和2,分别采取以下方法:解决方案位置:config/index.js文件:将assetsPublicPath:'/'修改为assetsPublicPath:'./'build:{assetsPublicPath:'./',}解决方案位置:安装babel-polyfill第一个库;npminstall--savebabel-polyfill然后修改build/webpack.base.conf.js文件,将entry:{app:'./src/main.js',}改为entry:{app:["babel-polyfill","./src/main.js"]}使它从入口文件转译代码。做了上面的操作后,问题就解决了,所以3就没有实践了,3的情况是我身边同事的经验。部分用户打不开页面,我同事的手机也遇到了同样的情况。分析后发现是运营商劫持流量,往里面塞广告js。结果,它的服务器还是出错了。。。。。解决办法是上https,完美解决。
