如何解決Vue 2.0在IE11中開啟專案頁面空白的問題

這篇文章主要給大家介紹了關於Vue 2.0在ie 11中開啟專案頁面空白問題的解決方法，文中詳細分析出現該問題的原因，並給出了詳細的解決方法，需要的朋友可以參考借鑒，下面一起學習學習吧。

前言

因為工作的需要，學習Vue2.0也有一段時間，最近在用Vue2.0的官方鷹架工具建構的項目，chrome中跑一直沒問題，但ie11打開出現了bug：

#問題

ie11開啟vue2.0項目空白,控制台報錯vuex requires a Promise polyfill in this browser；

##原因

Babel 預設只轉換新的JavaScript 句法（syntax），而不轉換新的API ，例如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全域對象，以及一些定義在全域物件上的方法（如Object.assign）都不會轉碼。為了解決這個問題，我們使用一種稱為 Polyfill（程式碼填充，也可翻譯為相容性補丁） 的技術。

簡單地說，polyfill即是在目前運作環境中用來複製（意指模擬性的複製，而非拷貝）尚不存在的原生 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'
}
}

以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！

相關建議：

如何解決關於Vue背景圖打包之後存取路徑錯誤的問題

如何解決vue項目打包後開啟頁面空白的問題

#

以上是如何解決Vue 2.0在IE11中開啟專案頁面空白的問題的詳細內容。更多資訊請關注PHP中文網其他相關文章！