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 下面報錯的也再也不報錯了