无法读取未定义属性（读取“lastComponent”）和可调整大小的功能无法使用

Question

GrapesJS版本[X] 我确认使用最新版本GrapesJS你用的是什么浏览器？ Edge v128可复现演示链接https://codesandbox.io/p/devbox/github/jdkcoder/cv-builderhttps://stackblitz.com/github/jdkcoder/cv-builder 描述一下那个虫子 我在Nuxt.js 3项目中使用GrapesJS，每次在 /components/common/LeftSidebar.vue 运行 clearAll（） 函数后，错误Cannot read properties of undefined (reading 'lastComponent')都会出现 <小时 /> 这是我尝试在 /stores/editor.store.js 实现“文本”块的“缩放”功能，但没用，我也不知道为什么会这样:(

artf · Accepted Answer

你可以跳过移除组件（'instance.value.Components.clear（）'），因为你本来就会破坏编辑器 “''js if （确认（'你确定要清理画布吗？'）{ localStorage.clear（） reRender（） } ``` 这不应该产生任何错误

WilliamDASILVA · Answer

@jdkcoder 通过注释 reRender 函数，问题就解决了。 lastComponent 错误源于编辑器中的 this.get('selected') 在某个时刻未定义。通过检查调试器，当调用reRender时，确实会变成未定义，因为它重新初始化了 grapes。 关于调整大小，我没看到你给的Stackblitz例子有什么问题。你可能应该单独开一个期刊，详细说明你遇到的行为和预期。

GJS Helper · Answer

看起来你在GrapesJS Nuxt.js 3项目中遇到了两个截然不同的问题。让我们来拆解并提供解决方案。 第1期：Cannot read properties of undefined (reading 'lastComponent')之后clearAll() 根本原因 当GrapesJS的内部状态，特别是与画布或活动组件相关的状态在所有组件被移除后变得不一致时，通常会出现这种错误。当你调用instance.value.DomComponents.clear()时，画布上的所有组件都会被移除。如果编辑者的选择或对“最后交互组件”（lastComponent）的引用没有被正确重置或清除，后续操作或内部GrapesJS进程可能会尝试访问已不存在组件的属性，从而导致undefined错误。 解决方案 为了彻底清空画布并重置编辑器状态，最佳实践是： 取消选择任何活跃组件： 这防止GrapesJS保留过时的引用。 使用 editor.setComponents('') 和 editor.setStyle(''): 这些方法确保内部组件和样式模型得到妥善清理和更新，这通常比单纯DomCompo...

无法读取未定义属性（读取“lastComponent”）和可调整大小的功能无法使用

问题

回答（3）

相关问答

在画布中选择自定义组件类型无法正常工作

导入时旧组件脚本不会被删除。导致脚本重复

Parser bug inside Remix

Javascript CDN 在 Grapejs Canvas 上无法使用

与此问题匹配的付费插件

相关教程

Introducing Search on GJS.Market

2026年构建一个SaaS页面构建器需要多少钱？

PageKit：你无论如何都得自己开发 GrapesJS 应用

浏览插件分类