測試1
js 固定 樣式固定 => 更新後樣式錯亂 說明有可能樣式衝突了 不可取html
測試2vue
js固定 樣式隨機 =>ios
------------------------------------------------es6
最近在用vue作項目,項目在安卓4,5,ios9頁面顯示空白,問題解決跟你們分享一下npm
https://blog.csdn.net/qq_27831055/article/details/83793587segmentfault
https://blog.csdn.net/qq_27831055/article/details/83793587promise
VUE 華爲手機 IOS8.2瀏覽器打不開,顯示空白的解決方案!!!!!!!!瀏覽器
https://blog.csdn.net/jin270315475/article/details/79738113緩存
代碼兼容問題有必定的可能!!!babel
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 下面報錯的也再也不報錯了