Vue 2.0 項目在IE下顯示空白

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

解釋一:

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

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

解釋二:

提示: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...

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章