vue-admin-element 打包發布后IE報錯的問題

vue-admin-element 項目發布后在谷歌，火狐，360 瀏覽器上都能正常訪問，但是用IE11訪問白屏，報js錯誤點擊錯誤js轉向class pinyin 這個文件。

1.引入@babel/polyfill 解決IE打包ES6兼容問題

如果沒有npm安裝過這個文件先

npm install --save @babel/polyfill

2.在項目main.js中引用@babel/polyfill 放在開始第一行

import '@babel/polyfill'

3.在babel.config.js中配置

module.exports = {
  presets: [
    ['@vue/app',
    {
      'useBuiltIns': 'entry'
    }]
  ]
}

4.在vue.config.js中配置

chainWebpack(config) {
config.entry('polyfill').add('@babel/polyfill')
}

  transpileDependencies: ['element-ui', 'vuex', 'vue-particles', 'moment', 'js-cookie','axios','vue-pdf','moment','pinyin'],

由於是 pinyin 引起的，vue.config.js加入上一上代碼。關鍵的是第三方引起的兼容性問題就加入上一行中。