Vue在IE兼容模式下白屏解决方案

Vue在IE兼容模式下白屏，主要原因是因为无法解析ES6语法；
需要安装babel-polyfill插件：

yarn add babel-polyfill
#或者
npm install babel-polyfill -s

安装好依赖后，需要再main.js的第一行添加：

#切记是在main.js第一行
import 'babel-polyfill'

然后在根目录下的babel.config.js中，修改如下：

module.exports = {
  presets: [
  	#"@vue/app", 原来的写法，改为下面这种
    [
      "@vue/app",
      {
        useBuiltIns: "entry",   //新增修改内容
      }
    ]
  ]
}

这个时候就大功告成，可以正常访问了。

如果还是存在问题，如：
SCRIPT1046: strict 模式下不允许一个属性有多个定义；
这是因为在IE兼容模式强检查下，html标签存在重复属性的原因，如：

<el-table-column
   prop="number"
   label="编号"
   label="编号" #label写了两次就会报错
>
</el-table-column>

这种情况需要在路由文件里挨个注释，最后找到报错文件，然后看看是哪一行的问题。

或者 SCRIPT1002：语法错误 这种报错，是因为引入了IE兼容模式不支持的插件，需要通过注释引入的插件挨个排除查看。