今天在引入Element-UI时,在IE11上测试显示下面的错误,关于浏览器的兼容,vue的官网有说明
具体解决步骤:
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>