今天在写代码的时候,闲着没事在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"]
]
}
然后重启项目即可
网友评论