当前位置: 首页 > news >正文

vue3+antv2.x的画布

报错信息:

TypeError: Cannot destructure property 'component' of 'registry_1.shapeMaps[node.shape]' as it is undefined.
    at VueShapeView.renderVueComponent (http://192.168.10.35:9029/node_modules/.vite/deps/@antv_x6-vue-shape.js?v=49fbfab0:5569:19)
    at http://192.168.10.35:9029/node_modules/.vite/deps/@antv_x6-vue-shape.js?v=49fbfab0:5557:16
    at VueShapeView.handleAction (http://192.168.10.35:9029/node_modules/.vite/deps/chunk-QW4KGARA.js?v=49fbfab0:14608:11)
    at VueShapeView.confirmUpdate (http://192.168.10.35:9029/node_modules/.vite/deps/@antv_x6-vue-shape.js?v=49fbfab0:5556:21)
    at Scheduler.updateView (http://192.168.10.35:9029/node_modules/.vite/deps/chunk-QW4KGARA.js?v=49fbfab0:29840:21)
    at Scheduler.renderViewInArea (http://192.168.10.35:9029/node_modules/.vite/deps/chunk-QW4KGARA.js?v=49fbfab0:29771:25)
    at Object.cb (http://192.168.10.35:9029/node_modules/.vite/deps/chunk-QW4KGARA.js?v=49fbfab0:29693:18)
    at JobQueue.flushJobs (http://192.168.10.35:9029/node_modules/.vite/deps/chunk-QW4KGARA.js?v=49fbfab0:29515:15)

原因:缺少对应的节点组件

解决: 找到对应的node.vue文件将对应关系找到即可解决

2.报错

直接引用element时候可以转换成div

使用自定义组件时候没有转换

没有进行渲染,所以数据字段解析不出来

TeleportContainer缺少这个配置,他用在画布定义页面并且直接注册node.vue

3.点击节点的操作按钮等无法点击

感觉层级不对,节点可以拖动

subTitleHeight的高度是40 遮住了title的内容,这样按钮就无法点击

4.输出端的schema不显示

因为node的高度没有,默认给了一个350px就可以了

5.加入生成弹窗文件就报错,怀疑某个属性不对

6.添加到输出端之后报错

连线时候有两个参数: {cell: node,port:id}

第一个参数node没有的情况下,就会报这个错

7.点击配置路由跳转报错

graph的配置少了参数,应该是没有config配置的方法

8.在切换画布和草稿时候报错 就是数据更新在清除之前了,需要先清除之后再更新数据节点

相关文章:

vue3+antv2.x的画布

报错信息: TypeError: Cannot destructure property component of registry_1.shapeMaps[node.shape] as it is undefined. at VueShapeView.renderVueComponent (http://192.168.10.35:9029/node_modules/.vite/deps/antv_x6-vue-shape.js?v49fbfab0:5569:19…...

Docker部署ubuntu1804镜像详细步骤

Docker部署ubuntu1804镜像详细步骤 ubuntu镜像库地址:https://hub.docker.com/_/ubuntu/tags?page1&ordering-name 拉取镜像(默认为最新版本): docker pull ubuntu或,拉取指定版本镜像: docker pull…...

mac 卸载第三方输入法

输入法设置里的移除,并不是真的卸载,点击还是能添加回来 在活动监视器里强制退出此输入法在访达界面使用快捷键 ShiftcommandG在弹出的对话框内输入以下路径(/资源库/Input Methods),再点击下面的前往找到你要卸载的输…...

可观察性在软件测试中的重要性

当今应用生态系统的需求和加速的数字化转型使可观察性成为人们关注的焦点。可观察性提供了对应用程序行为和技术生态系统的深入可见性,并支持更快、更明智的决策。由于缺乏可观察性,软件开发团队倾向于对生产系统行为、潜在性能瓶颈或未来故障场景做出假…...

Delphi TCP服务端监听端口获取客户端RFID网络读卡器上传的刷卡数据

本示例使用设备介绍:液显WIFI无线网络HTTP协议RFID云读卡器可编程实时可控开关TTS语-淘宝网 (taobao.com) unit Unit1;interfaceusesWindows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,Dialogs, ComCtrls, ScktComp, StdCtrls, ScktCom…...

javaSE学习笔记(一)概述、语法

目录 前言 一、概述 1.java语言发展史 2.Java语言版本 3.Java语言平台 4.Java语言特点 5.Java语言跨平台原理-可移植性 6.JRE和JDK的概述 7.JDK的下载和安装 7.1安装的细节 7.2可能出现的问题 7.3验证安装是否成功 8.JDK安装路径下的目录解释 9.path环境变量的作…...

接口开发之使用C#插件Quartz.Net定时执行CMD任务工具

C#制作定时任务工具执行CMD命令 概要准备知识点实现原理thinkphp配置winform执行CMD命令读取ini配置文件定时任务Quartz.Net 完整代码Job.csIniFunc.csForm1.csconfig.ini简易定时任务工具雏形 概要 很多时候写接口上线后还会遇到很多修改,类似JAVA,C#,delphi制作的…...

XSS脚本(存储型xss获取肉鸡的cookies)

XSS脚本(存储型xss获取肉鸡的cookies) 存储型XSS就是在能够提交上传的文本框中提交一些标签代码,这段代码被插入到页面中,肉鸡每次点击这个页面时都会有弹框弹出。(只要点击就会弹框) 反射性XSS顾名思义插入…...

【React】04.MVC模式和MVVM模式

React是Web前端框架 1、目前市面上比较主流的前端框架 ReactAngular(NG框架)Vue 主流的思想: 不在直接去操作DOM,而是改为“数据驱动思想” 操作DOM思想: 操作DOM比较消耗性能[主要原因就是,可能会导…...

调试代码0

dev_update_off () * read_image (Image, C:/Users/Public/Documents/MVTec/HALCON-12.0/examples/images/smd/smd_on_chip_01.png) read_image (Image, D:/图像文件/图片/图片/基板/20230609-103004-0.bmp) get_image_size (Image, Width, Height) * dev_close_window () * de…...

【C++心愿便利店】No.12---C++之探索string底层实现

文章目录 前言一、写实拷贝(了解)二、string类常用接口实现2.1 成员变量2.2 默认构造函数2.3 拷贝构造函数2.4 operator2.5 operator[]2.6 c_str2.7 size()2.8 capacity() 三、迭代器的实现3.1 begin()和end()3.2 范围for 四、string类增删查改4.1 reser…...

Android Studio(列表视图ListView)

前言 前面在适配器章节&#xff0c;已经介绍了ListView的作用(干什么的)&#xff0c;这节将主要介绍如何去设计ListView页面视图。 思考 列表视图需要些什么&#xff1f; 1. 列表项容器&#xff08;装载各列表项的容器&#xff09;&#xff1a;<ListView/> 2. 列表项布局…...

让深度神经网络绘画以了解它们是如何工作的

一、说明 深度学习如此有效&#xff0c;这真是一个谜。尽管有一些关于深度神经网络为何如此有效的线索&#xff0c;但事实是没有人完全确定&#xff0c;并且深度学习的理论理解是一个非常活跃的研究领域。 在本教程中&#xff0c;我们将以一种不寻常的方式触及问题的一个小方面…...

https://www.jianshu.com/p/34bf240b85a9

https://www.jianshu.com/p/34bf240b85a9 https://www.eccee.com/soft-platform/991.html...

如何导出PPT画的图为高清图片?插入到world后不压缩图像的设置方法?

期刊投稿的时候&#xff0c;需要图片保持一定的清晰度数&#xff0c;那么我们怎么才能从PPT中导出符合要求的图片呢&#xff1f; 对于矢量图绘图软件所画的图&#xff0c;直接导出即可。 而PPT导出的图片清晰度在60pi&#xff0c;就很模糊。 整体思路&#xff1a; PPT绘图——…...

【Spring】Spring IOC DI

Spring IOC & DI IOC DI入门什么是Spring什么是容器什么是IOC IOC介绍传统程序开发解决方案 DI IOC详解Bean的存储Controller(控制器存储)Service(服务存储)Repository(仓库存储)Component(组件存储)Configuration(配置存储) 为什么需要这么多类注解类注解之间的关系方法注…...

一招解密网络流量瓶颈!

前言 我们曾介绍过观测云提供全面的基础设施监测方案&#xff08;参见《全方位监控基础设施&#xff0c;坚实守护您的业务稳定&#xff01;》&#xff09;&#xff0c;能够高效全面地帮助您实时观测所有的基础设施对象及云产品等&#xff0c;赋能您的业务稳定发展。今天我们将…...

某校帮签到小程序m 加密参数解析

小程序解密清参考我以前的文章 VX小程序逆向 js版本 function n(e, a) {var t (65535 & e) (65535 & a);return (e >> 16) (a >> 16) (t >> 16) << 16 | 65535 & t };function i(e, a, t, n, r, i, s) {return o(a & n | t &…...

Node.js |(六)express框架 | 尚硅谷2023版Node.js零基础视频教程

学习视频&#xff1a;尚硅谷2023版Node.js零基础视频教程&#xff0c;nodejs新手到高手 文章目录 &#x1f4da;express使用&#x1f407;初体验&#x1f407;express路由⭐️路由的使用⭐️获取请求参数⭐️获取路由参数&#x1f525;练习&#xff1a;根据路由参数响应歌手信息…...

包教包会:Mysql主从复制搭建

笑小枫的专属目录 一、无聊的理论知识1. 主从复制原理2. 主从复制的工作过程3. MySQL四种同步方式 二、docker下安装、启动mysql1. 安装主库2. 安装从库 三、配置Master(主)四、配置Slave(从)五、链接Master(主)和Slave(从)六、主从复制排错1. 错误&#xff1a;error connectin…...

04-08-03 技术负责人 (Tech Lead)

04-08-03 技术负责人 (Tech Lead) 章节概述 本章讲述技术负责人&#xff08;Tech Lead&#xff09;这一角色的职责和挑战。Tech Lead 是技术与管理的桥梁&#xff0c;既要保持技术深度&#xff0c;又要开始承担领导职责。这是许多工程师职业生涯中的重要转折点。核心概念 Tech …...

Postman新手必看:一个隐藏的Host勾选框,如何让你的接口测试总报400 Bad Request?

Postman接口测试避坑指南&#xff1a;揭秘Host头缺失引发的400错误 第一次用Postman测试接口就遇到400 Bad Request&#xff1f;别急着怀疑人生&#xff0c;这可能是工具本身的一个隐藏机制在作祟。作为API测试领域的瑞士军刀&#xff0c;Postman在易用性背后藏着不少新手容易踩…...

Raspberry Pi RP2350 A4步进版本解析与安全增强

1. Raspberry Pi RP2350 A4步进版本深度解析作为一名长期跟踪Raspberry Pi硬件发展的嵌入式开发者&#xff0c;我最近详细研究了RP2350微控制器的A4步进版本更新。这次迭代不仅修复了关键硬件缺陷&#xff0c;还引入了多项安全增强特性&#xff0c;对于嵌入式系统开发者而言意义…...

PowerMill宏编程避坑指南:从‘中文乱码’到‘变量作用域’,新手常踩的5个坑及解决方法

PowerMill宏编程避坑指南&#xff1a;从"中文乱码"到"变量作用域"&#xff0c;新手常踩的5个坑及解决方法 在PowerMill二次开发的道路上&#xff0c;宏编程是每个工程师必须掌握的技能。但当你满怀热情地写下第一行代码&#xff0c;却遭遇莫名其妙的报错时…...

Linux proc sysfs与devfs 虚拟文件系统解析

Linux_proc_sysfs与devfs_虚拟文件系统解析 本文说明 Linux 中三类常见伪文件系统&#xff08;内存中由内核呈现、不占用块设备上常规文件空间&#xff09;的定位与差异&#xff1a;proc、sysfs&#xff0c;以及已基本退出主流的 devfs 及其替代路径。读者具备基础 Shell 与系…...

Go语言如何做API限流_Go语言令牌桶限流教程【深入】

<p>golang.org/x/time/rate 是 Go 官方推荐的令牌桶限流方案&#xff0c;核心为 rate.Limiter 和 rate.Limit&#xff1b;需按需动态创建实例隔离限流维度&#xff0c;配合 Retry-After 和 X-RateLimit- headers 提升兼容性&#xff0c;注意时钟依赖与性能边界。</p&g…...

CentOS7.9内核和文件描述符优化【20260422】001篇

文章目录 一、文件描述符优化(最关键) 1. 全局文件描述符(永久生效) 2. 系统级最大文件句柄(永久生效) 3. 修复 systemd 限制(CentOS 7 必须改!) (1)系统全局 (2)用户全局 4. 生效命令 5. 验证是否成功 二、CentOS 7.9 内核网络优化(高并发必备) 三、CentOS 7.9…...

撕下“全能模型”的伪装:Anthropic 官方揭秘长周期 Agent 的“脚手架工程”与抗焦虑指南

文章目录&#x1f680; 撕下“全能模型”的伪装&#xff1a;Anthropic 官方揭秘长周期 Agent 的“脚手架工程”与抗焦虑指南&#x1f517; 文章获取链接&#x1f4dd; 核心简要信息1. 为什么“让 AI 自己写一天代码”总是失败&#xff1f;(两大绝症的底层剖析)&#x1f6a8; 绝…...

RWKV7-1.5B-world保姆级教程:Gradio界面日志导出功能,用于对话质量人工评估

RWKV7-1.5B-world保姆级教程&#xff1a;Gradio界面日志导出功能&#xff0c;用于对话质量人工评估 1. 引言 1.1 学习目标 本教程将手把手教你如何使用RWKV7-1.5B-world模型的Gradio界面日志导出功能&#xff0c;帮助你轻松收集对话记录&#xff0c;为后续的人工评估提供数据…...

如何用MAA明日方舟助手彻底解放你的游戏时间?终极自动化攻略指南

如何用MAA明日方舟助手彻底解放你的游戏时间&#xff1f;终极自动化攻略指南 【免费下载链接】MaaAssistantArknights 《明日方舟》小助手&#xff0c;全日常一键长草&#xff01;| A one-click tool for the daily tasks of Arknights, supporting all clients. 项目地址: h…...