vue-admin-element 打包发布后IE报错的问题

vue

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

以上是 vue-admin-element 打包发布后IE报错的问题 的全部内容, 来源链接: utcz.com/z/379181.html

回到顶部