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