在vue-cli中G2兼容IE

G2的使用

在项目中使用的图表一般是 Echarts，不过这次想换换口味，采用的G2

image-20200731140056146.png

看起来还不错，但是切换到IE，哦豁

A_dIrtS6eorxUAAAAAAAAAAABkARQnAQ.png

可是官方明明在IE运行得很好，为啥我们的就不行？结果是因为vue-cli里的babel-polyfill没有转换完全，而我们使用的vue-cli 4.x是不需要我们自己安装的。

解决方式

经过查找，我发现G6也有类似的问题，这是其中解决兼容性的文档：https://g6.antv.vision/zh/docs/manual/FAQ/supportIE/#vuecli

以下是太长不看：

总的来说意思是在 vue.config.js中配置以下内容

module.exports = {
  sourceType: 'unambiguous',
  presets: ['@vue/cli-plugin-babel/preset'],
}

实测官方的解决方案并没有什么软用，解决了一个又来了一个

我们点开具体的报错信息，找到错误的最后一行，我们可以看到错误的依赖包

e38cb58de1024c13067ab6db8e0ecf78.png

transpileDependencies: ['engine.io']

哪个依赖错了转哪个

大功告成~~~