1. 程式人生 > >Vue 2.0 專案在IE下顯示空白

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 轉換

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

原文地址:https://segmentfault.com/a/1190000016688592