詳解vue-cli項目在IE瀏覽器打開報錯解決方法
首先要知道VUE官網(wǎng)已表明僅支持IE8以上版本（不包括IE8），css彈性布局flex各瀏覽器支持如下:
假如項目用到彈性布局，則項目僅支持IE10以上版本。
另外兼容其他低版本的，請另尋它法。
網(wǎng)上說的本人試了都是沒用的，下面是親自試驗的解決方法。
1. 問題 ：ie瀏覽器打開vue2.0項目空白,控制臺報錯 vuex requires a Promise polyfill in this browser;
解決方法：
安裝babel-polyfill
npm install babel-polyfill --save-dev
關于網(wǎng)上說的babel-polyfill 需要設置很多地方，本人親測沒有必要那么麻煩，在入口文件main.js引入即可。
import 'babel-polyfill'
2.問題：ie瀏覽器autoprefixer自動補全css前綴無效
解決方法：
ie發(fā)現(xiàn)使用內(nèi)聯(lián)樣式，autoprefixer無法生效，所以需要寫到style標簽內(nèi)。
3.問題：ie10打開包語法錯誤，如圖所示
解決方法
點擊app.js,跳轉到報錯的位置，如圖
發(fā)現(xiàn)最后一行有個import的文件，所以鎖定到錯誤肯定是在引入的這個文件內(nèi)。
把common.js打開，檢查語法，發(fā)現(xiàn)有個變量定義用了ES6的語法let。所以引入的文件，插件沒有起作用。
沒有將ES6轉ES5。然后修改了之后，問題解決。
到此這篇關于詳解vue-cli項目在IE瀏覽器打開報錯解決方法的文章就介紹到這了,更多相關vue-cli IE打開報錯內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
Vue.use與Vue.prototype的區(qū)別及說明
這篇文章主要介紹了Vue.use與Vue.prototype的區(qū)別及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
這篇文章主要介紹了Vue.js 2.0 移動端拍照壓縮圖片預覽及上傳實例，本來移動端開發(fā)H5應用，準備將mui框架和Vue.js+vue-router+vuex 全家桶結合起來使用2017-04-04
這篇文章主要介紹了vue如何實現(xiàn)簡易的雙向數(shù)據(jù)綁定，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2020-12-12
這篇文章主要介紹了vue 路由跳轉四種方式 (帶參數(shù))，本文通過實例代碼給大家介紹的詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04
這篇文章給大家介紹了通過vue的方式，實現(xiàn)掃碼功能，實現(xiàn)步驟分為兩步，本文通過實例代碼給大家介紹的非常詳細，感興趣的朋友跟隨小編一起看看吧2021-11-11
vant-list組件觸發(fā)多次onload事件導致數(shù)據(jù)亂序的解決方案
這篇文章主要介紹了vant-list組件觸發(fā)多次onload事件導致數(shù)據(jù)亂序的解決方案2023-01-01
這篇文章主要給大家介紹了關于vue滾動條滾動到頂部或者底部的相關資料,文中通過代碼示例介紹的非常詳細,對大家的學習或者工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-08-08
vue template中slot-scope/scope的使用方法
今天小編就為大家分享一篇vue template中slot-scope/scope的使用方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
今天小編就為大家分享一篇Vue實現(xiàn)頁面添加水印功能，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
這篇文章主要為大家詳細介紹了Vue如何利用自定義指令實現(xiàn)按鈕權限控制效果，文中的示例代碼講解詳細，具有一定的學習價值，需要的可以參考下2023-05-05