Vue 2.0在IE11中打開項(xiàng)目頁面空白的問題解決
前言
因?yàn)楣ぷ鞯男枰瑢W(xué)習(xí)Vue2.0也有一段時(shí)間，最近在用Vue2.0的官方腳手架工具構(gòu)建的項(xiàng)目，chrome中跑一直沒有問題，但ie11打開出現(xiàn)了bug：
問題
ie11打開vue2.0項(xiàng)目空白,控制臺(tái)報(bào)錯(cuò) vuex requires a Promise polyfill in this browser；
原因
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)碼。為了解決這個(gè)問題，我們使用一種叫做 Polyfill（代碼填充，也可譯作兼容性補(bǔ)?。?的技術(shù)。
簡(jiǎn)單地說，polyfill即是在當(dāng)前運(yùn)行環(huán)境中用來復(fù)制（意指模擬性的復(fù)制，而不是拷貝）尚不存在的原生 api 的代碼。
解決
安裝babel-polyfill
步驟
npm安裝
npm install --save-dev babel-polyfill
在入口文件倒入即可
import 'babel-polyfill'
如果也是用了官方腳手架vue-cli，還需要在webpack.config.js配置文件中做各修改，用
module.exports = {
entry: {
app: ["babel-polyfill", "./src/main.js"]
}
};
替換
module.exports = {
entry: {
app: './src/main.js'
}
}
總結(jié)
好了，問題到這就解決了，以上就是這篇文章的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對(duì)腳本之家的支持。
- Vue2.0在IE11版本瀏覽器中的兼容性問題
- vue項(xiàng)目兼容ie11的實(shí)現(xiàn)方法
- VueCli3中兼容IE11配置的艱苦歷程
- VUE 項(xiàng)目在IE11白屏報(bào)錯(cuò) SCRIPT1002: 語法錯(cuò)誤的解決
- IE11下處理Promise及Vue的單項(xiàng)數(shù)據(jù)流問題
- vue+iview 兼容IE11瀏覽器的實(shí)現(xiàn)方法
- 解決IE11 vue +webpack 項(xiàng)目中數(shù)據(jù)更新后頁面沒有刷新的問題
- Vue.js項(xiàng)目在IE11白屏報(bào)錯(cuò)的解決方法
相關(guān)文章
這篇文章主要介紹了vue中屬性執(zhí)行順序,選項(xiàng)的執(zhí)行順序是 props -> data -> computed -> watch -> created -> mounted -> methods，具體詳細(xì)內(nèi)容本文給大家講解的非常詳細(xì)，需要的朋友可以參考下2023-09-09
Vue-router是Vue的核心組件，主要是作為Vue的路由管理器，Vue-router默認(rèn)hash模式，本文講給大家詳細(xì)分析Vue路由Hash模式，文中有相關(guān)的代碼示例供大家參考，感興趣的同學(xué)可以借鑒一下2023-06-06
Vue.js axios響應(yīng)攔截如何獲取返回狀態(tài)碼
這篇文章主要介紹了Vue.js axios響應(yīng)攔截如何獲取返回狀態(tài)碼問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要介紹了Vue中如何判斷對(duì)象是否為空，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06
vue父列表數(shù)據(jù)獲取子列表數(shù)據(jù)的實(shí)現(xiàn)步驟
本文檔將介紹如何通過點(diǎn)擊父列表（表格）中的數(shù)據(jù)行來獲取到子列表（表格）的數(shù)據(jù),代碼示例是基于Vue框架實(shí)現(xiàn)的一個(gè)組件,包含了父列表和子列表,通過點(diǎn)擊父列表的數(shù)據(jù)行來動(dòng)態(tài)獲取子列表的數(shù)據(jù),感興趣的朋友跟隨小編一起看看吧2024-06-06
Vue?element-ui中表格過長(zhǎng)內(nèi)容隱藏顯示的實(shí)現(xiàn)方式
在Vue項(xiàng)目中,使用ElementUI渲染表格數(shù)據(jù)時(shí),如果某一個(gè)列數(shù)值長(zhǎng)度超過列寬,會(huì)默認(rèn)換行,造成顯示不友好,下面這篇文章主要給大家介紹了關(guān)于Vue?element-ui中表格過長(zhǎng)內(nèi)容隱藏顯示的實(shí)現(xiàn)方式,需要的朋友可以參考下2022-09-09
使用vue-aplayer插件時(shí)出現(xiàn)的問題的解決
這篇文章主要介紹了使用vue-aplayer插件時(shí)出現(xiàn)的問題的解決，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了Vuex中的Mutations的具體使用方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
使用vue實(shí)現(xiàn)滑動(dòng)滾動(dòng)條來加載數(shù)據(jù)
在vuejs中,我們經(jīng)常使用axios來請(qǐng)求數(shù)據(jù),但是有時(shí)候,我們請(qǐng)求的數(shù)據(jù)量很大,那么我們?nèi)绾螌?shí)現(xiàn)滑動(dòng)滾動(dòng)條來加載數(shù)據(jù)呢,接下來小編就給大家介紹一下在vuejs中如何實(shí)現(xiàn)滑動(dòng)滾動(dòng)條來動(dòng)態(tài)加載數(shù)據(jù),需要的朋友可以參考下2023-10-10
在組件中修改vuex中state的具體實(shí)現(xiàn)方法
在組件中修改 Vuex 中的 state,根據(jù)使用的 Vue 版本（Vue 2 或 Vue 3）不同,有不同的操作方式,但總體思路都是借助 Vuex 提供的 mutations 或 actions 來實(shí)現(xiàn),以下分別介紹兩種版本下的具體實(shí)現(xiàn)方法,需要的朋友可以參考下2025-02-02