未捕获类型错误:在图层管理器面板拖动组件时无法读取未定义属性(读取“Canvas”)。
问题
GrapesJS 版本
- 我确认使用最新版本 GrapesJS
你用的是什么浏览器?
Chrome v116.0.5845.97
可复制演示链接
https://grapesjs.com/demo.html
描述一下那个虫子
如何复现这个漏洞?
- 从画布中选择任意组件
- 打开图层管理器面板
- 选择第一个“分段”组件
- 使用箭头移动该段并改变顺序
预期的行为是什么? 该部门应将新位置移动
目前的行为是什么? 控制台正在抛出一个错误:未捕获类型错误:无法读取未定义属性(读取“Canvas”)和未捕获类型错误:无法读取未定义属性(读取“方法”)。
如果需要执行某些代码以重现该漏洞,请将其粘贴到下面:
// your code here

行为准则
- 我同意遵守本项目的行为准则
回答(4)
我降级到v0.21.4后这个问题就没了,所以只在最新版本上出现。
最简单的例子里也有同样的问题。降级到0.4会让它消失。回归?
感谢你报告这个问题。我可以确认这个bug如描述,并且在官方GrapesJS演示(https://grapesjs.com/demo.html)上用Chrome v116.0.5845.97以及其他现代浏览器都能重现。 根本原因 Uncaught TypeError: Cannot read properties of undefined (reading 'Canvas')错误发生在尝试在图层管理器面板内重新排序组件时。该错误表明,在图层管理器发起的拖拽操作过程中,GrapesJS的内部逻辑部分试图访问当下undefined对象的 Canvas 属性。editor.Canvas对象是Grap...
相关问答
通过相似的问题讨论继续研究。
问题 #5905
点击组件再点击“块”后,无法再次打开组件设置
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Opera 10.0.5130.23 |Linux 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 透明帆布从方块菜单中添加 1 Colu...
问题 #5305
“Component:add” 事件在组件移动时触发
GrapesJS 版本 0.21.4[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器? Chrome 版本 113.0.5672.63可复制演示链接 https://jsfiddle.net/szLp8h4n/11/描述一下那个虫子 如何复现这个漏洞? 在页面上移...
问题 #3579
在放置“activeOnRender”组件后立即打开RTE时丢失了
版本: 0.17.4 你能重现演示中的bug吗?[x] 是的[ ] 不 繁殖步骤:前往[演示](https://grapesjs.com/demo.html)在画布内放置一个“文本”方块点击刚刚丢弃的“文本”组件打开的RTE丢失了位置(参见[附图](https://user-i...
问题 #5342
ScrollCanvas 不起作用
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Firefox 116.0.3 可复制演示链接 https://grapesjs.com/demo-mjml.html 描述一下那个虫子 如何复现这个漏洞?在画布上滚动到底部并选择一个组...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish — plugins, articles, community questions, guides, authors and services. Press ⌘K from any page.
教程
2026年构建一个SaaS页面构建器需要多少钱?
2026年构建一个SaaS页面构建器的成本是多少?探索实际的开发成本、时间表、功能,以及使用 GrapesJS 如何降低成本
教程
PageKit:你无论如何都得自己开发 GrapesJS 应用
一个围绕开源GrapesJS核心的源代码可用Next.js应用——发布、自定义域名、潜在客户、结账和插件加载器。
浏览插件分类
直接跳转到市场上的插件分类页面。