這篇文章主要給大家介紹了關於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中文網其他相關文章!