vue iview 项目在IE浏览器空白兼容问题

使用vue-cli3构建在IE浏览器下报错，项目打开空白页

image.png

一开始我是直接搜这个错误去解决，没有分析问题出在哪里
DOM7011: 此页上的代码禁用了反向和正向缓存
搜到的解决方案是添加babel/polyfill插件
增加两步配置，记录下
1、 下载babel/polyfill插件
然后在main.js里面引入

import 'babel-polyfill'

在babel.config.js文件夹里修改

module.exports = {
  presets: [
    // '@vue/app' // 修改之前
    ['@vue/app', {
      useBuiltIns: 'entry' // 修改之后
    }]
  ]
}

2、在vue.config.js文件里面增加打包配置

module.exports = {
  chainWebpack: config => {
    // config.module.rules.delete('svg')
    config.module.rule('iview') .test(/\.js$/) .use('babel').loader('babel-loader') .end() // 此处是添加内容重点
    config.resolve.alias.set("@", resolve("src"))
  }
}

只是做一个解决问题简单记录。