美文网首页
解决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