在vue-cli中G2兼容IE

作者: FriendlyJesse | 来源:发表于2020-08-07 09:02 被阅读0次

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']

哪个依赖错了转哪个

大功告成~~~

本文标题：在vue-cli中G2兼容IE

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