美文网首页
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