詳解vue-cli項目在IE瀏覽器打開報錯解決方法
更新時間：2020年12月10日 09:23:27 作者：ywCSD
這篇文章主要介紹了詳解vue-cli項目在IE瀏覽器打開報錯解決方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
首先要知道VUE官網已表明僅支持IE8以上版本（不包括IE8），css彈性布局flex各瀏覽器支持如下:
假如項目用到彈性布局，則項目僅支持IE10以上版本。
另外兼容其他低版本的，請另尋它法。
網上說的本人試了都是沒用的，下面是親自試驗的解決方法。
1. 問題 ：ie瀏覽器打開vue2.0項目空白,控制臺報錯 vuex requires a Promise polyfill in this browser;
解決方法：
安裝babel-polyfill
npm install babel-polyfill --save-dev
關于網上說的babel-polyfill 需要設置很多地方，本人親測沒有必要那么麻煩，在入口文件main.js引入即可。
import 'babel-polyfill'
2.問題：ie瀏覽器autoprefixer自動補全css前綴無效
解決方法：
ie發(fā)現使用內聯樣式，autoprefixer無法生效，所以需要寫到style標簽內。
3.問題：ie10打開包語法錯誤，如圖所示
解決方法
點擊app.js,跳轉到報錯的位置，如圖
發(fā)現最后一行有個import的文件，所以鎖定到錯誤肯定是在引入的這個文件內。
把common.js打開，檢查語法，發(fā)現有個變量定義用了ES6的語法let。所以引入的文件，插件沒有起作用。
沒有將ES6轉ES5。然后修改了之后，問題解決。
到此這篇關于詳解vue-cli項目在IE瀏覽器打開報錯解決方法的文章就介紹到這了,更多相關vue-cli IE打開報錯內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要為大家詳細介紹了vue實現滾動鼠標滾輪切換頁面，類似于縱向走馬燈，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
這篇文章主要介紹了詳解vue中l(wèi)ocalStorage的使用方法，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
這篇文章主要介紹了Vue項目如何改變屏幕尺寸重新刷新頁面-計算頁面尺寸，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了實現一個Vue自定義指令懶加載的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-06-06
這篇文章主要為大家詳細介紹了Vue數據雙向綁定底層實現原理，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
el-select即選擇器用于從若干個候選項中選擇其中一個(或者多個),在傳統(tǒng)網頁開發(fā)中選擇器經常被稱作下拉框、下拉列表是最常用的表單元素之一,這篇文章主要給大家介紹了關于element?el-select下拉框選擇失效解決辦法,需要的朋友可以參考下2023-08-08
在我們實際項目開發(fā)過程中，會非常頻繁地和 Vue 組件的生命周期打交道，接下來我們就從源碼的角度來看一下這些生命周期的鉤子函數是如何被執(zhí)行的,需要的朋友可以參考下面文章內容2021-09-09
這篇文章主要為大家詳細介紹了vue+rem自定義輪播圖效果，手指觸摸左滑和右滑，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
本文記錄作者在vue項目中使用到Google第三方登錄，查詢到的資料文檔也不詳細，故此把自己所遇到的坑及問題詳細的記錄下來。2021-07-07
這篇文章主要介紹了Vue封裝全局過濾器Filters的步驟，通過封裝vue全局過濾器實現filters的統(tǒng)一管理。感興趣的朋友可以了解下2020-09-09