詳解vue-cli項(xiàng)目在IE瀏覽器打開(kāi)報(bào)錯(cuò)解決方法
首先要知道VUE官網(wǎng)已表明僅支持IE8以上版本(不包括IE8),css彈性布局flex各瀏覽器支持如下:
假如項(xiàng)目用到彈性布局,則項(xiàng)目?jī)H支持IE10以上版本。
另外兼容其他低版本的,請(qǐng)另尋它法。
網(wǎng)上說(shuō)的本人試了都是沒(méi)用的,下面是親自試驗(yàn)的解決方法。
1. 問(wèn)題 :ie瀏覽器打開(kāi)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)上說(shuō)的babel-polyfill
需要設(shè)置很多地方,本人親測(cè)沒(méi)有必要那么麻煩,在入口文件main.js引入即可。
import 'babel-polyfill'
2.問(wèn)題:ie瀏覽器autoprefixer自動(dòng)補(bǔ)全css前綴無(wú)效
解決方法:
ie發(fā)現(xiàn)使用內(nèi)聯(lián)樣式,autoprefixer無(wú)法生效,所以需要寫(xiě)到style標(biāo)簽內(nèi)。
3.問(wèn)題:ie10打開(kāi)包語(yǔ)法錯(cuò)誤,如圖所示
解決方法
點(diǎn)擊app.js,跳轉(zhuǎn)到報(bào)錯(cuò)的位置,如圖
發(fā)現(xiàn)最后一行有個(gè)import的文件,所以鎖定到錯(cuò)誤肯定是在引入的這個(gè)文件內(nèi)。
把common.js打開(kāi),檢查語(yǔ)法,發(fā)現(xiàn)有個(gè)變量定義用了ES6的語(yǔ)法let。所以引入的文件,插件沒(méi)有起作用。
沒(méi)有將ES6轉(zhuǎn)ES5。然后修改了之后,問(wèn)題解決。
到此這篇關(guān)于詳解vue-cli項(xiàng)目在IE瀏覽器打開(kāi)報(bào)錯(cuò)解決方法的文章就介紹到這了,更多相關(guān)vue-cli IE打開(kāi)報(bào)錯(cuò)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
vue實(shí)現(xiàn)滾動(dòng)鼠標(biāo)滾輪切換頁(yè)面
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)滾動(dòng)鼠標(biāo)滾輪切換頁(yè)面,類似于縱向走馬燈,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-12-12Vue項(xiàng)目如何改變屏幕尺寸重新刷新頁(yè)面-計(jì)算頁(yè)面尺寸
這篇文章主要介紹了Vue項(xiàng)目如何改變屏幕尺寸重新刷新頁(yè)面-計(jì)算頁(yè)面尺寸,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-09-09實(shí)現(xiàn)一個(gè)Vue自定義指令懶加載的方法示例
這篇文章主要介紹了實(shí)現(xiàn)一個(gè)Vue自定義指令懶加載的方法示例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06Vue數(shù)據(jù)雙向綁定底層實(shí)現(xiàn)原理
這篇文章主要為大家詳細(xì)介紹了Vue數(shù)據(jù)雙向綁定底層實(shí)現(xiàn)原理,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-11-11Vue實(shí)現(xiàn)Google第三方登錄的示例代碼
本文記錄作者在vue項(xiàng)目中使用到Google第三方登錄,查詢到的資料文檔也不詳細(xì),故此把自己所遇到的坑及問(wèn)題詳細(xì)的記錄下來(lái)。2021-07-07