美文网首页
解决IE11下ant design vue组件渲染失败

解决IE11下ant design vue组件渲染失败

作者: 二营长家的张大炮 | 来源:发表于2020-03-25 18:05 被阅读0次
镇楼

今天在写代码的时候,闲着没事在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"]
  ]
}

然后重启项目即可

相关文章

网友评论

      本文标题:解决IE11下ant design vue组件渲染失败

      本文链接:https://www.haomeiwen.com/subject/ntmxuhtx.html