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 默認只轉換新的 JavaScript 句法（syntax），而不轉換新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局對象
以及一些定義在全局對象上的方法（比如 Object.assign）都不會轉碼。

解決：

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

總結

以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

vue使用pdfjs顯示PDF可復制的實現(xiàn)方法
這篇文章主要介紹了vue使用pdfjs顯示PDF可復制的實現(xiàn)方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-12-12
56個實用的JavaScript 工具函數(shù)助你提升開發(fā)效率
今天來看看JavaScript中的一些實用的工具函數(shù)，希望能幫助你提高開發(fā)效率！需要的朋友可以參考下面文章的具體內容
2021-10-10
Vue封裝的可編輯表格插件方法
今天小編就為大家分享一篇Vue封裝的可編輯表格插件方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
詳解vue的Des加密解密
這篇文章主要為大家介紹了vue的Des加密解密使用實例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-09-09
vue3數(shù)據(jù)更新而視圖未更新問題解決
本文主要介紹了vue3?解決數(shù)據(jù)更新而視圖未更新問題，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2023-10-10
vue計時器的實現(xiàn)方法
這篇文章主要為大家詳細介紹了vue計時器的實現(xiàn)方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-06-06
vue如何實現(xiàn)垂直居中
這篇文章主要介紹了vue如何實現(xiàn)垂直居中，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-09-09
vue中的base64圖片轉網絡URL方式
在Vue中,可以直接將Base64編碼的圖片賦值給img元素的src屬性,此外,也可以通過JavaScript的URL.createObjectURL()方法將Base64轉換為Blob URL,進而轉換為File對象,并可進一步轉換為PNG或其他格式的圖片,這種轉換技術在前端開發(fā)中非常實用
2024-10-10
Vue中ref的用法及演示
這篇文章主要介紹了Vue中ref的用法及演示，ref被用來給元素或子組件注冊引用信息。引用信息會被注冊在父組件上的$refs對象上，下面來看看文章的詳細內容,需要的朋友可以參考一下
2021-11-11
VUE學習寶典之el-dialog使用示例
在我工作過程中使用el-dialog的需求挺多的,也積累了一下使用技巧,這篇文章主要給大家介紹了關于VUE學習寶典之el-dialog使用的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
2024-03-03