首頁  >  文章  >  web前端  >  如何解決Vue 2.0在IE11中開啟專案頁面空白的問題

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

不言
不言原創
2018-06-29 16:53:403322瀏覽

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn