vue/cli 4.*兼容IE11配置

本文详细介绍了如何修复在IE11上使用Element-UI时遇到的兼容性问题,包括.browserslistrc、babel.config.js、核心库引入、vue.config.js配置及Proxy polyfill的引入,确保在老版浏览器中的稳定运行。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天在引入Element-UI时,在IE11上测试显示下面的错误,关于浏览器的兼容,vue的官网有说明

Vue CLI关于浏览器兼容的说明

具体解决步骤:

1.【.browserslistrc修改】

> 1%
last 2 versions
not ie <= 8

2.【babel.config.js修改】

module.exports = {
  presets: [
    [
      '@vue/app',
      {
        useBuiltIns: 'entry'
      }
    ]
  ]
}
3.【在main.js中引入import 'core-js'】

在package.json 中发现有core-js这个依赖包, 所以就不用安装 ‘@babel/polyfill,在main.js 中引入core-js
4.【vue.config.js加入配置】

module.exports = {
  transpileDependencies: [
    'element-ui'
  ]

};

5.【index.html中引入proxy.min.js】

如果出现Proxy的未定义的错误,我们针对Proxy 对象进行 polyfill,我们在public下 index.html 文件中引入proxy.min.js

在public的index.html中添加

<script src = "https://cdn.jsdelivr.net/npm/proxy-polyfill@0.3.0/proxy.min.js"></script>

或者把proxy.min.js下载下来放在public目录下

 <script src = "./proxy.min.js"></script>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值