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