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 下面报错的也不再报错了