ant vue 兼容性问题_解决IE11下ant design vue组件渲染失败

镇楼

今天在写代码的时候，闲着没事在ie11下浏览，结果登陆页面的ant design vue组件都不渲染了，然后就去找了资料

然后就解决了不渲染问题

首先

安装依赖

npm i @babel/polyfill @babel/runtime --save

npm i @babel/plugin-transform-runtime @babel/preset-env

在入口main.ts中引入

import 'core-js/stable'

import 'regenerator-runtime/runtime'

修改.babel.config.js

module.exports = {

presets: ['@vue/cli-plugin-babel/preset',

[

"@babel/preset-env",

{

"corejs": {

version: 3,

proposals: true

},

"useBuiltIns": "entry"

}

]

],

plugins: [

'lodash',

[

'import',

{

libraryName: 'ant-design-vue',

libraryDirectory: 'es',

style: 'css'

}

], // `style: true` 会加载 less 文件

["@babel/plugin-transform-runtime"]

]

}

然后重启项目即可