首页 > 其他 > 详细

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

时间:2021-02-08 22:13:52      阅读:73      评论:0      收藏:0      [点我收藏+]

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报错的问题

原文:https://www.cnblogs.com/feipengting/p/14389890.html

踩
(0)
赞
(0)
   
举报
评论 一句话评论(0)
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!