销毁并重新初始化时，会出现“无法读取未定义属性（读取'get'）”。
是的，由于某些延迟异步函数（例如StorageManager），编辑器实例预计不会立即被销毁，但这可以修复。 目前你可以通过这样做来解决这个问题： “''js setTimeout（（） => { editor.destroy（）; ... ```
阅读下方完整回答 ↓问题
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Google Chrome 版本 110.0.5481.100（官方版本）（64 位） 可复制演示链接 https://stackblitz.com/edit/js-3urscf?file=index.html,index.js 描述一下那个虫子 如何复现这个漏洞？初始化编辑器销毁编辑器再次初始化编辑器 预期的行为是什么？ 使用的代码只是官方文档中的入门代码。它应该可以毫无问题地重新初始化。 目前的行为是什么？ 控制台上显示多个错误。类型错误：无法读取未定义的属性（读取“get”） at o.runDefault （Editor.ts：874：28） 在n.updateOffset（FrameWrapView.ts：89：8） e时（executeBound.js：8：65） 在N.Eval（bind.js：10：12） 在N.Eval（restArguments.js：16：27） 在L（debounce.js：17：37） 另一个：未捕获（承诺中）类型错误：无法读取未定义的属性（读作“forEach”） 在 S （Editor.ts：317：20） 在O.Eval（Editor.ts：336：9） 在评估仪式（grapes.min.js：2：911116） 在Object.eval [下一个]...
回答（2）
是的，由于某些延迟异步函数（例如StorageManager），编辑器实例预计不会立即被销毁，但这可以修复。 目前你可以通过这样做来解决这个问题： “''js setTimeout（（） => { editor.destroy（）; ...
谢谢你举报，@mani-rai。 关于销毁和重新初始化会产生“无法读取未定义属性（读作'get'）”的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'...
相关问答
通过相似的问题讨论继续研究。
问题 #6409
手机上无法拖动移动组件
葡萄JS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v133 可复制演示链接 https://jsfiddle.net/2hjdrb7L/1/ 描述一下那个虫子 如何复现这个漏洞？ 用grapesjs v0.22.x和grapesjs...
问题 #5378
未捕获类型错误：在图层管理器面板拖动组件时无法读取未定义属性（读取“Canvas”）。
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v116.0.5845.97 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？从画布中选择任意组件打开图层管理器面板...
问题 #4489
从设计模式项目加载初始项目数据会导致画布大小错误
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v103 可复制演示链接 https://codesandbox.io/s/laughing-austin-k12mc3?file=/index.js 描述一下那个虫子 如果你查看链...
问题 #4208
每个元素的样式点击状态错误
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Brave Last 在 Chrome Last 和 Safari Last 上测试过。 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners — this post is for you.
教程
How We Built Composeit in Record Time Using GrapesJS Shadcn
Bypass foundational builder boilerplate and focus on what truly matters.
教程
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
浏览插件分类
直接跳转到市场上的插件分类页面。