vue項(xiàng)目在IE瀏覽器下運(yùn)行空白問(wèn)題及解決
更新時(shí)間：2024年09月26日 09:45:06 作者：張魯一
IE11瀏覽器無(wú)法解析ES6語(yǔ)法導(dǎo)致Vue項(xiàng)目在IE11下顯示空白,解決方法包括安裝babel-polyfill,并在項(xiàng)目的main.js文件中引入babel-polyfill,此外,js-base64版本3及以上不兼容IE11,解決辦法是使用版本3以下的js-base64,這些措施可以幫助兼容IE11,確保項(xiàng)目正常運(yùn)行
vue項(xiàng)目在IE瀏覽器下運(yùn)行空白問(wèn)題
問(wèn)題1：vue項(xiàng)目在IE11下一片空白
原因：
- IE瀏覽器解析不了es6的語(yǔ)法，需要使用babel。
- 但是Babel 默認(rèn)只轉(zhuǎn)換新的 JavaScript 句法（syntax），而不轉(zhuǎn)換新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局對(duì)象
- 以及一些定義在全局對(duì)象上的方法（比如 Object.assign）都不會(huì)轉(zhuǎn)碼。
解決：
- 1.在vue項(xiàng)目中安裝babel-polyfill
npm install --save-dev babel-polyfill
- 2.在mian.js中引入babel-polyfill（要在代碼最上方引入！?。。?/li>
import 'babel-polyfill';
問(wèn)題2：js-base64版本3及以上不兼容IE11報(bào)錯(cuò)
原因：
- 版本3及以上不支持IE
解決：
- 1.卸載3以上的版本
npm uninstall js-base64
- 2.安裝3以下的版本
npm install js-base64@2.6.2 --save
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue項(xiàng)目關(guān)閉eslint校驗(yàn)
eslint是一個(gè)JavaScript的校驗(yàn)插件，通常用來(lái)校驗(yàn)語(yǔ)法或代碼的書寫風(fēng)格。這篇文章主要介紹了vue項(xiàng)目關(guān)閉eslint校驗(yàn),需要的朋友可以參考下2018-03-03
這篇文章主要介紹了為大家函數(shù)式組件劫持替代json封裝element表格的過(guò)程思路及示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
Bootstrap適用于快速搭建簡(jiǎn)單網(wǎng)站或Web應(yīng)用程序的情況，而Vue.js適用于構(gòu)建復(fù)雜的單頁(yè)面應(yīng)用程序，根據(jù)您的項(xiàng)目需求和開(kāi)發(fā)方式，您可以選擇使用Bootstrap、Vue.js或兩者結(jié)合使用，這篇文章主要介紹了vue使用Bootstrap的詳細(xì)方法,需要的朋友可以參考下2023-08-08
Vue中this.$refs用于訪問(wèn)通過(guò)ref注冊(cè)的元素或組件,需在mounted后使用,可在JS操作DOM或調(diào)用子組件方法,注意避免模板中直接使用2025-08-08
這篇文章主要介紹了vue 源碼目錄及構(gòu)建過(guò)程分析，非常不錯(cuò)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-04-04
vue.prototype和vue.use的區(qū)別和注意點(diǎn)小結(jié)
這篇文章主要介紹了vue.prototype和vue.use的區(qū)別和注意點(diǎn)小結(jié),本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-04-04
vuex中this.$store.commit和this.$store.dispatch的基本用法實(shí)例
在vue的項(xiàng)目里常常會(huì)遇到父子組件間需要進(jìn)行數(shù)據(jù)傳遞的情況,下面這篇文章主要給大家介紹了關(guān)于vuex中this.$store.commit和this.$store.dispatch的基本用法的相關(guān)資料,需要的朋友可以參考下2023-01-01
這篇文章主要為大家介紹了vue3.x:報(bào)錯(cuò)清單及解決記錄詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
在vue2.0中引用element-ui組件庫(kù)的方法
這篇文章主要介紹了在vue2.0中引用element-ui組件庫(kù),需要的朋友可以參考下2018-06-06
在Vue開(kāi)發(fā)過(guò)程中,開(kāi)發(fā)者經(jīng)常會(huì)遇到一個(gè)令人困擾的問(wèn)題：頁(yè)面樣式需要刷新后才能正確顯示,否則會(huì)出現(xiàn)樣式混亂,布局錯(cuò)位等問(wèn)題,本文將全面分析這一問(wèn)題的根源,并提供系統(tǒng)的解決方案2025-05-05