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