Vue 2.0 項目在IE下顯示空白

新寫的項目在 IE瀏覽器顯示空白

解釋一:webpack

Babel默認只轉換新的JavaScript句法(syntax),而不轉換新的API,好比Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局對象,以及一些定義在全局對象上的方法(好比Object.assign)都不會轉碼。

舉例來講,ES6在Array對象上新增了Array.from方法。Babel就不會轉碼這個方法。若是想讓這個方法運行,必須使用babel-polyfill,爲當前環境提供一個墊片。

解釋二:git

提示:polyfill指的是「用於實現瀏覽器不支持原生功能的代碼」,好比,現代瀏覽器應該支持fetch函數,對於不支持的瀏覽器,網頁中引入對應fetch的polyfill後,這個polyfill就給全局的window對象上增長一個fetch函數,讓這個網頁                                            
中的JavaScript能夠直接使用fetch函數了,就好像瀏覽器原本就支持fetch同樣。在這個連接上 https://github.com/github/fetch 能夠找到fetch polyfill的一個實現。
--------------------- 
做者:冰夕_lyn 
來源:CSDN 
原文:https://blog.csdn.net/lyn1772671980/article/details/80690490?utm_source=copy 
版權聲明:本文爲博主原創文章,轉載請附上博文連接!

解決方法:

1:安裝 "babel-polyfill" 。
2:在入口main.js文件引入:import 'babel-polyfill'
3. 最後一步,在build文件夾下找到webpack.base.conf.js.
   將 app: 改成如圖所示,使用babel-polyfill 轉換

clipboard.png

原文:https://blog.csdn.net/lyn1772...github

相關文章
相關標籤/搜索