詳解vue-cli項目在IE瀏覽器打開報錯解決方法
更新時間：2020年12月10日 09:23:27 作者：ywCSD
這篇文章主要介紹了詳解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實現(xiàn)滾動鼠標滾輪切換頁面，類似于縱向走馬燈，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
這篇文章主要介紹了詳解vue中l(wèi)ocalStorage的使用方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
這篇文章主要介紹了Vue項目如何改變屏幕尺寸重新刷新頁面-計算頁面尺寸，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了實現(xiàn)一個Vue自定義指令懶加載的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-06-06
Vue數(shù)據(jù)雙向綁定底層實現(xiàn)原理
這篇文章主要為大家詳細介紹了Vue數(shù)據(jù)雙向綁定底層實現(xiàn)原理，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
el-select即選擇器用于從若干個候選項中選擇其中一個(或者多個),在傳統(tǒng)網(wǎng)頁開發(fā)中選擇器經(jīng)常被稱作下拉框、下拉列表是最常用的表單元素之一,這篇文章主要給大家介紹了關于element?el-select下拉框選擇失效解決辦法,需要的朋友可以參考下2023-08-08
在我們實際項目開發(fā)過程中，會非常頻繁地和 Vue 組件的生命周期打交道，接下來我們就從源碼的角度來看一下這些生命周期的鉤子函數(shù)是如何被執(zhí)行的,需要的朋友可以參考下面文章內(nèi)容2021-09-09
這篇文章主要為大家詳細介紹了vue+rem自定義輪播圖效果，手指觸摸左滑和右滑，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
本文記錄作者在vue項目中使用到Google第三方登錄，查詢到的資料文檔也不詳細，故此把自己所遇到的坑及問題詳細的記錄下來。2021-07-07
這篇文章主要介紹了Vue封裝全局過濾器Filters的步驟，通過封裝vue全局過濾器實現(xiàn)filters的統(tǒng)一管理。感興趣的朋友可以了解下2020-09-09