新專案需要做IE相容 在IE下開啟原生代碼 會出現頁面空白的情況

打包發版後會遇到antd vue的某些元件無法展示的現象

開啟控制檯會看到很多報錯“物件不支援屬性或方法...(以下省略)”

主要原因：元件中使用的了es6 在IE瀏覽器不相容 需要安裝babel-polyfill進行語法降級

按照以下步驟可在IE11瀏覽器正常展示本地專案 且元件也可以正常展示

1、npm安裝外掛：

npm i --save babel-polyfill

2、在vue.config.js檔案中新增如下程式碼

chainWebpack:config => {
    config.entry('main').add('babel-polyfill')
}
 

重新執行專案即可

如果發現專案時好時壞（暫未清楚原因）

3、就在main.js檔案中加入

import "babel-polyfill"

就會完全好了

這裡只測試了IE11、如果還需要往下相容則可以檢視如下連結進行嘗試：

https://blog.csdn.net/hjy170314/article/details/108149756?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link