vue打包部署后出现白屏的问题
版本支持对于IOS 10.x无法打开的问题,加载js出错,出现白屏的情况。具体表现:打包后手机浏览器输入地址无法打开,Android手机浏览器及QQ等均正常打开,但是IOS手机(系统为10.X的手机,11.X以上的可以正常打开)浏览器,QQ自带浏览器,微信自带浏览器均无法打开。网络请求没有问题,页面显示白屏原因:js加载时出现问题,出现错误可能报错1、SyntaxError: Ca...
·
版本支持
对于IOS 10.x无法打开的问题,加载js出错,出现白屏的情况。
具体表现:
打包后手机浏览器输入地址无法打开,Android手机浏览器及QQ等均正常打开,但是IOS手机(系统为10.X的手机,11.X以上的可以正常打开)浏览器,QQ自带浏览器,微信自带浏览器均无法打开。
网络请求没有问题,页面显示白屏
原因:
js加载时出现问题,出现错误
可能报错
1、SyntaxError: Cannot declare a const variable twice: 'e'.
(匿名函数) — vendor.05fd1a5517cb07c89e07.js:43937
t — bootstrap 22fce2de55b8522ae8a5:54
以及
2、[Error] TypeError: undefined is not an object (evaluating 'r[n].call')
t (manifest.2ae2e69a05c33dfc65f8.js:1:410)
NHnr (app.0cada6c24949117a7a34.js:1:774647)
t (manifest.2ae2e69a05c33dfc65f8.js:1:415)
webpackJsonp (manifest.2ae2e69a05c33dfc65f8.js:1:286)
全局代码 (app.0cada6c24949117a7a34.js:1)
解决方案:
其实我们都没有错,我们也没写错,uglify也没搞错,错的是Safari本身。他们在第十七万一千零四十一号bug中承认了自己的错误:
- 进入
build
文件夹; - 找到
webpack.prod.conf.js
文件; - 在
UglifyPlugin
的定义里添加关于mangle
的选项,使它变成下面这个样子:
new UglifyJsPlugin({
uglifyOptions: {
compress: {
warnings: false
},
mangle: {
safari10: true
}
},
sourceMap: config.build.productionSourceMap,
parallel: true
}),
更多推荐
已为社区贡献1条内容
所有评论(0)