(G6)项目使用G6安装依赖后渲染报错Object(...)和graph未定义

已于 2022-08-26 19:51:55 修改
阅读量1.6k 收藏
点赞数
分类专栏： VUE 图表 文章标签： javascript 前端 html
于 2022-08-26 19:51:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44754635/article/details/126549425
版权
VUE 同时被 2 个专栏收录
190 篇文章 2 订阅
订阅专栏
图表
43 篇文章 0 订阅
订阅专栏

(G6)项目使用G6安装依赖后渲染报错Object(…)和graph未定义

报错1
在这里插入图片描述
报错2(重点)

	draw.js?f5e5:307 Uncaught TypeError: Object(...) is not a function
    at getMergedRegion (draw.js?f5e5:307:1)
    at Canvas._getRefreshRegion (canvas.js?b182:114:1)
    at Canvas._drawRegion (canvas.js?b182:175:1)
    at eval (canvas.js?b182:217:1)

原因

之前项目有用过@antv 顺带装的g-canvas为@0.5.12与本次安装@antv/g6所带的g-canvas为@0.5.2版本不同，导致画布渲染异常。

解决

在不影响之前图的前提下，删掉@0.5.12版本更换为@0.5.2版本

nyf_unknown
关注
专栏目录
from py2neo.Graph import Graph报错：OverflowError: mktime argument out of range
风口IT猪的成长录
08-30 1613
OverflowError: mktime argument out of range问题描述解决方案 问题描述 from py2neo.Graph import Graph OverflowError Traceback (most recent call last) <ipython-input-4-0b05dc1e1275> in <module> ----> 1 from py2neo.Graph import
tensorflow报错ValueError: Variable ... already exists, disallowed.
技术无止境，人生仍探索。
06-17 8314
报错信息 寻找解决方案 因为保存了上次运行结束的变量，所以报错already exists，看网上的解决方案都是说将如下代码增加在代码开头 tf.reset_default_graph() 问题 但问题来了，这个开头指的是????????????好尴尬啊，我尝试放了一个我觉得开头的问题，结果不对，当然最后是解决了，方法是没错的，但是要根据具体的代码放到不同的位置 解决 首先肯定是踩坑了，我直接在函数定义前后加，都是不对的，因为我是封装成了一个类给其他类调用的，因此下面两个是错误❌的： 而在别的类中调
npm install --save @antv/g6报错
zhangxiaodui的博客
10-19 2970
npm install --save @antv/g6报如下错误 CategoryInfo : ParserError: (:) [], ParentContainsErrorRecordException FullyQualifiedErrorId : UnrecognizedToken 从错误中得知源文本中存在无法识别的标记 解决办法 npm install --save '@antv/g6' 给依赖包外层加单引号或者双引号 ...
antv x6 渲染 Vue 节点 Graph.registerVueComponent引入自定义组件失败
weixin_61362274的博客
08-29 1415
之前做项目自定义Vue组件直接这样引入注册就生效了，这次新项目也安装这样引入竟然不生效还一直报错 registerVueComponent is not a funtion 仔细检查整理思路发现 vue是2.X.X版本。至于Graph.registerVueComponent引入自定义组件失败 下次有空在研究吧。于是立马安装了 @vue/composition-api。结果还是没用 也不报错了 于是再去看官网文档 温故而知新。用了另外一种方式解决了 在次记录一下。重点是在注册节点的地方引入组件。
antv 报错Chart.data is not a function
、Edgar的博客
05-17 4609
这个是因为版本的问题，在不指定版本的情况下，由于npm安装的antv的版本为3.x.x, 我们可以使用v3中的source代替data方法 同时我们也可以使用v4版本 npm install @antv/g2@4.0.7
antd G6 画图表，渲染时连接线报 e.edge is not a function 的解决方法
weixin_38728902的博客
11-05 3264
最近项目中新引入 antv 的 g6 来话一些流程图，遇到一个问题，render渲染传进来的数值总会报 e.edge is not a function 的错，但是我本地自己写个假数据却没有任何问题，排查了一下午，终于找到病症所在：原来用于标识节点唯一值的id（我们使用的是id字段），在设置连线时，不能是Number类型，只认字符串，所以我们我们节点的id 123 改为 ‘123’ 后就好了！ { id: '123', type: 'asd', name: '合' } edg
使用G6引擎报错TypeError: Cannot read properties of undefined (reading ‘set‘)
最新发布
weixin_45598400的博客
03-12 609
@antv/G6
vue3+vite使用antv/g6线上报错，本地没问题
zoooo_的博客
09-07 1885
vue3+vite使用antv/g6画拓扑图，但是本地没问题正常运行，上线就会报路由错误；import G6 from '@antv/g6/dist/g6.min' 即可。官网给的是直接引@antv/g6,，不清楚原理是什么。但是改变了引入路径后确实线上没有阻塞了。但是更简单的方式是修改g6的引入方式。
解决Spark GraphX报错： java.lang.ArrayIndexOutOfBoundsException: -1
weixin_39419040的博客
12-20 3947
看很少有博客说这种问题，那我就分享一下踩坑记录吧~ 首先说一下解决方法：增加executor的内存资源：--executor-memory 最近用spark做了一个有关风险传导的算子，其中调用了GraphX进行计算，测试时用的数据量比较少，所以没有意外地执行完毕了。 但是在数据量增加之后，首先报了shuffle读写不平衡的错，这是在图计算中产生的大量shuffle和资源配置不平衡导致的，了解spark的童鞋都清楚，调整资源就可以解决。但是在调整资源之后，又报了个错：java.lang.ArrayI..
蚂蚁金服 G6 API 文档.pdf
05-23
开发者可根据具体需求选择合适的布局，并在图初始化后通过`graph.changeLayout`方法更换布局。 ```javascript // 改变图布局到Force布局 graph.changeLayout('force'); ``` ### 通用状态样式 通用状态样式包括节点...
(g6)紧凑树添加节点数据调取内部方法报错
nyf_unknow的博客
12-05 258
错误写法： 正确写法：
antv/G6图谱（2）自定义Tooltip及报错处理
古之成大事者，不惟有超世之才，亦必有坚韧不拔之志
11-07 852
自定义className，不使用默认的，默认的会有默认样式，然后自己写样式。1、自定义className。
AntV G6自定义流程图Graph
weixin_45594156的博客
07-14 3109
前言：自定义流程图节点样式、节点可拖动，节点文字过长省略，文字过长的节点悬浮展示tooltip插件悬浮框，修改tooltip悬浮框样式。 Dagre 流程图调用组件传值给mapData，这里只是自己演示设置了假数据a 四、这里提供了直接改官方示例数据，简单的参考 在官方图表示例找到Dagre 流程图
@antv/g6在ie11报语法错误，兼容处理
weixin_44729896的博客
01-05 2540
错误分析: 上图清晰明了指出@antv/g6在es6转es5的时候没全部转换完，ie不识别es6代码，所以要添加一个babel-profill。 项目中引入babel-polyfill，安装方法可以自行百度，在这里我直接上命令： npm i --save babel-polyfill 第一步：引入babel-polyfill 引入babel-polyfill的方式无非有以下几种 1.在main.js的顶部直接使用 import ‘babel-polyfill’ 2.在vue.config.js中，直接在
vue 引用G2/G6 注意（Uncaught SyntaxError: Identifier ‘e‘ has already been declared）
Geek-Haoyu
04-08 929
vue 打包 Uncaught SyntaxError: Identifier 'e' has already been declared
浏览器报TypeError: Object(...) is not a function的解决方法
热门推荐
sinat_40988345的博客
04-26 2万+
今天调试的时候浏览器报错——TypeError: Object(...) is not a function，通过检查代码发现没有问题，通过排查是vue-router的版本引用错误。 原因：因为自己使用的vue2.x，vue2.x不能使用4.x版本vue-router，因此导致上面的错误。4.x版本的vue-router只能在3.x版本的vue中使用。 解决办法：vue2.x不能使用4.x版本vue-router，因此卸载vue-router，然后安装3.x版本的vue-router。 操作如下：
关于在vue2中使用antv/x6，本地开发环境正常，打包部署之后再对graph进行添加node,edge操作时，抛错，e is not a function
coding_BOYEST的博客
07-03 994
关于在vue2中使用antv/x6，本地开发环境正常，打包部署之后再对graph进行添加node,edge操作时，抛错 e is not a function
G6使用遇到的问题
風缘的博客
04-19 3185
1.更新数据视图样式不更新 在new G6.Graph时有设置fitView: true， 但是使用graph.changeData更新数据，数据更新了但是fitView没生效，使用graph.refresh()，graph.paint()设置无效（哪位大神知道怎么做可以评论给我留言）。所以只能先销毁在重新渲染 if (this.graph){ //销毁方法 this.graph.destroy(); } //重新实例化 this.initG6()
G6图形交互时， 报错e.addEdge is not a function
weixin_49336005的博客
01-11 559
解决报错：e.addEdge is not a function
使用antv x6注册vue组件报错，TypeError: Object(...) is not a function (teleport.js:3:23)
lingliu0824的博客
10-26 753
即模块会使用全局引入的vue，问题就出在全局引入的vue是2.6.14版本，但是模块中使用的是2.7.10的版本。vu-demi安装时是和模块的vue版本对应的，固出现了vue-demi版本和项目实际使用版本不一致的情况。由于项目在index.html中通过本地引入的方式引入了vue.min.js（2.6.14），然后在模块下使用了配置。解决：将全局版本和模块package.json中定义的版本保持一致。点击定位到报错的位置为。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值