阿里的流程图库 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">
网友评论