詳解vue-cli項(xiàng)目在IE瀏覽器打開報(bào)錯(cuò)解決方法
首先要知道VUE官網(wǎng)已表明僅支持IE8以上版本(不包括IE8),css彈性布局flex各瀏覽器支持如下:

假如項(xiàng)目用到彈性布局,則項(xiàng)目?jī)H支持IE10以上版本。
另外兼容其他低版本的,請(qǐng)另尋它法。
網(wǎng)上說的本人試了都是沒用的,下面是親自試驗(yàn)的解決方法。
1. 問題 :ie瀏覽器打開vue2.0項(xiàng)目空白,控制臺(tái)報(bào)錯(cuò) vuex requires a Promise polyfill in this browser;
解決方法:
安裝babel-polyfill
npm install babel-polyfill --save-dev
關(guān)于網(wǎng)上說的babel-polyfill 需要設(shè)置很多地方,本人親測(cè)沒有必要那么麻煩,在入口文件main.js引入即可。
import 'babel-polyfill'
2.問題:ie瀏覽器autoprefixer自動(dòng)補(bǔ)全css前綴無效
解決方法:
ie發(fā)現(xiàn)使用內(nèi)聯(lián)樣式,autoprefixer無法生效,所以需要寫到style標(biāo)簽內(nèi)。
3.問題:ie10打開包語法錯(cuò)誤,如圖所示

解決方法
點(diǎn)擊app.js,跳轉(zhuǎn)到報(bào)錯(cuò)的位置,如圖

發(fā)現(xiàn)最后一行有個(gè)import的文件,所以鎖定到錯(cuò)誤肯定是在引入的這個(gè)文件內(nèi)。
把common.js打開,檢查語法,發(fā)現(xiàn)有個(gè)變量定義用了ES6的語法let。所以引入的文件,插件沒有起作用。
沒有將ES6轉(zhuǎn)ES5。然后修改了之后,問題解決。
到此這篇關(guān)于詳解vue-cli項(xiàng)目在IE瀏覽器打開報(bào)錯(cuò)解決方法的文章就介紹到這了,更多相關(guān)vue-cli IE打開報(bào)錯(cuò)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Vue.use與Vue.prototype的區(qū)別及說明
這篇文章主要介紹了Vue.use與Vue.prototype的區(qū)別及說明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-12-12
Vue.js 2.0 移動(dòng)端拍照壓縮圖片預(yù)覽及上傳實(shí)例
這篇文章主要介紹了Vue.js 2.0 移動(dòng)端拍照壓縮圖片預(yù)覽及上傳實(shí)例,本來移動(dòng)端開發(fā)H5應(yīng)用,準(zhǔn)備將mui框架和Vue.js+vue-router+vuex 全家桶結(jié)合起來使用2017-04-04
vue實(shí)現(xiàn)簡(jiǎn)易的雙向數(shù)據(jù)綁定
這篇文章主要介紹了vue如何實(shí)現(xiàn)簡(jiǎn)易的雙向數(shù)據(jù)綁定,幫助大家更好的理解和使用vue框架,感興趣的朋友可以了解下2020-12-12
詳解vue 路由跳轉(zhuǎn)四種方式 (帶參數(shù))
這篇文章主要介紹了vue 路由跳轉(zhuǎn)四種方式 (帶參數(shù)),本文通過實(shí)例代碼給大家介紹的詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-04-04
vant-list組件觸發(fā)多次onload事件導(dǎo)致數(shù)據(jù)亂序的解決方案
這篇文章主要介紹了vant-list組件觸發(fā)多次onload事件導(dǎo)致數(shù)據(jù)亂序的解決方案2023-01-01
vue滾動(dòng)條滾動(dòng)到頂部或者底部的方法
這篇文章主要給大家介紹了關(guān)于vue滾動(dòng)條滾動(dòng)到頂部或者底部的相關(guān)資料,文中通過代碼示例介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-08-08
vue template中slot-scope/scope的使用方法
今天小編就為大家分享一篇vue template中slot-scope/scope的使用方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-09-09
Vue利用自定義指令實(shí)現(xiàn)按鈕權(quán)限控制
這篇文章主要為大家詳細(xì)介紹了Vue如何利用自定義指令實(shí)現(xiàn)按鈕權(quán)限控制效果,文中的示例代碼講解詳細(xì),具有一定的學(xué)習(xí)價(jià)值,需要的可以參考下2023-05-05

