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加入上一上代码。关键的是第三方引起的兼容性问题就加入上一行中。

posted @ 2021-02-08 18:06  蓬鹏  阅读(910)  评论(0编辑  收藏  举报