之前寫乙個專案,一直放在谷歌瀏覽器除錯測試,到尾聲時放到ie瀏覽器結果直接白屏,頁面打不開
找了網上的方法,加了babel-polyfill外掛程式後還是不行,後來排查發現是打包外掛程式出了問題,因為用的專案框架比較舊了,vue和webpack的版本都比較低.原始專案webpack配置
const uglifyjsplugin = require('uglifyjs-webpack-plugin')
plugins: [
newuglifyjsplugin(
},sourcemap: config.build.productionsourcemap,
parallel:
true
}) ]
改成使用webpack的內建外掛程式打包後就可以正常顯示了
plugins: [newwebpack.optimize.uglifyjsplugin(
})]
修改webpack配置打包時可能會報錯
這時候重新npm install更新一下包就可以了
tip:
打包後ie顯示白屏原因可能有很多,排查是否是打包外掛程式的問題時,可以先把這裡的**注釋掉,打包看看效果,如果注釋後能正常顯示,就是打包外掛程式的問題.如果還是不能解決,就不是這裡的問題,需要再排查別的地方
vue打包後解決瀏覽器快取問題
因瀏覽器快取原因導致vue 打包的檔案 導致偶爾會出現不能即使更新最新 因此在打包的檔名中新增乙個版本號以便瀏覽器能區分。解決方法 找到webpack prod.conf.js 1.定義版本變數 const version new date gettime 這裡使用的是時間戳 來區分 也可以自己定義...
vue專案在IE瀏覽器下的異常解決
vue cli2構建vue專案，在google瀏覽器下渲染 互動正常。在ie11瀏覽器開啟頁面未能正常渲染。某單頁面專案是，導航無法正常路由。分析報錯 promise 未定義，推測js的六瀏覽器相容性問題。其他類似報錯 vuex vuex requires a promise polyfill in...
解決vue專案在IE瀏覽器中的快取問題
最近在做ie瀏覽器的相容，雖然很麻煩，但可以豐富一下自己的經歷還是很棒的 最新的乙個問題是 在ie瀏覽器中，在做了某個操作 增刪改查之類 之後專案理應重新呼叫介面請求得到新的資料，而實際上卻根本沒有重新調起請求，搜尋了一下發現只要在介面上加上時間戳或隨機數就行了 解決辦法 在每個介面上依次去加顯然浪...