vue公众号号白屏的问题 记录一些相关的资料信息


测试1
js 固定 样式固定 => 更新后样式错乱 说明有可能样式冲突了 不可取


测试2

js固定 样式随机 =>

------------------------------------------------

最近在用vue做项目,项目在安卓4,5,ios9页面显示空白,问题解决跟大家分享一下

https://blog.csdn.net/qq_27831055/article/details/83793587

https://blog.csdn.net/qq_27831055/article/details/83793587

VUE 华为手机 IOS8.2浏览器打不开,显示空白的解决方案!!!!!!!!

https://blog.csdn.net/jin270315475/article/details/79738113

代码兼容问题有一定的可能!!!

https://segmentfault.com/a/1190000009703763

------------------------------------------------

可能出现空白的设备

华为手机 和 IOS 8.2

或者 安装4.5 IOS 9

------------------------------------------------


chaofenxiang.vip/index-demo.html

https://blog.csdn.net/qq_27831055/article/details/83793587

https://blog.csdn.net/jin270315475/article/details/79738113


https://segmentfault.com/a/1190000009703763

参照

https://blog.csdn.net/u013034014/article/details/77775902

https://blog.csdn.net/vvfish119/article/details/78615555


------------------------------------------------


假设那批进去的人 是因为有缓存才能进的

代码更新后 没有缓存了

加上ES5 和ES6转码的问题 或者vue router 等加载的问题 导致进不去

很有这个可能


使用了如下解决方法

1.在IE edge 模式下调试

2.安装如下依赖

npm install --save-dev babel-preset-es2015
(安装ES2015转码规则)

npm install --save-dev babel-polyfill

npm install es6-promise

3.main.js 中引用 如下

import Es6Promise from 'es6-promise'

Es6Promise.polyfill()

import 'babel-polyfill'


4.项目根目录 .babelrc

加入如下代码:

{
"presets": ["es2015" , "stage-2"
],

结果

出现很多页面报错情况

后操作了 .babelrc 将其中内容


{
"presets": [
["env", {
"modules": false,
"targets": {
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
}
}],
"stage-2"
],
"presets": ["es2015" , "stage-2"],
"plugins": [
"transform-vue-jsx",
"transform-runtime",
["import", {
"libraryName": "vant",
"libraryDirectory": "es",
"style": true
}]
]
}


换成

{

"presets": ["es2015" , "stage-2"],
"plugins": [
"transform-vue-jsx",
"transform-runtime",
["import", {
"libraryName": "vant",
"libraryDirectory": "es",
"style": true
}]
]
}


然后再测试 发现可以打开了 原来在 IE edge 下面报错的也不再报错了

原文地址:https://www.cnblogs.com/shaozhu520/p/10528341.html