新寫的項目在 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 轉換