美文网首页
VUE-CLI + AntV G6 兼容IE11

VUE-CLI + AntV G6 兼容IE11

作者: cinoliu | 来源:发表于2021-11-09 15:23 被阅读0次

 阿里的流程图库 G6,不兼容IE11。官网有解决方案。

https://g6.antv.vision/zh/docs/manual/FAQ/supportIE 

但我实践下来,有点问题。

我的框架是VUE -CLI 4.1.1

1、在Vue.cofnig.js中,module.exports 中添加

transpileDependencies: ["@antv/g6"]

2、在babel.config.js中,配置:

module.exports = {

  sourceType: 'unambiguous',

  presets: ['@vue/app'],        //此处和官网不一样,官网为['@vue/cli-plugin-babel/preset']

}

修改完后 运行 浏览器直接报 对象不支持"isNaN" 属性或者方法

解决方法

在public/index.html

<!-- Polyfills -->

<!--[if lt IE 10]>

<script src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,es6-shim/0.35.1/es6-sham.min.js,es6-shim/0.35.1/es6-shim.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>

<![endif]--><br>

<script src="https://as.alipayobjects.com/g/component/??es6-shim/0.35.1/es6-sham.min.js,es6-shim/0.35.1/es6-shim.min.js"></script><br><br><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">

相关文章

网友评论

      本文标题:VUE-CLI + AntV G6 兼容IE11

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