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