问题 #6663💬 已回答提出于 2025年11月26日作者 lexoyo0 个反应

符号在逐步加载页面时会断裂（实例丢失__symbol链接）

快速解答作者 lexoyo

哦，如果你告诉我应该重点解决什么方案（比如重新连接实例的命令、像我在 silex 里做的那样用异步方法加载项目数据，我很乐意贡献......） CC @artf

问题

这里有一段展示这个bug的视频： https://github.com/user-attachments/assets/0fdc76ed-cee5-4481-98b1-cbbf52572b31 GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Firefox 最新版和 Chrome v141.0.7390.122 可复制演示链接 https://canary.silex.me/ 如果需要，我可以用小提琴或代码笔，或者你也可以用 https://canary.silex.me 复刻（你需要 gitlab.com 账号），不需要设置，bug会立即复制甚至更简单，不用 gitlab.com 账号： “砰 NPX @silexlabs/[email protected] ``` 那你就有了一个空白网站，http://localhost:6805 描述一下那个虫子你好！当逐步加载项目时（页面逐个加载以避免浏览器冻结，[类似这个代码]（https://github.com/silexlabs/silex-lib/blob/main/src/ts/client/grapesjs/storage.ts#L93-L112）），它会破坏符号的双向链接：实例 → 主符号同步是可以的——我必须添加 'editor.trigger（'symbol'）' 才能实现主...

回答（4）

lexoyo• 2025年11月26日

哦，如果你告诉我应该重点解决什么方案（比如重新连接实例的命令、像我在 silex 里做的那样用异步方法加载项目数据，我很乐意贡献......）

CC @artf

artf• 2025年11月28日

是的，看起来是这种加载🤔页面方式的问题我这边（满载项目）没看到什么问题。为什么要用这种方式加载页面？

lexoyo• 2025年11月28日

是的，看起来这种加载🤔方式确实有问题，我这边（满载项目）没看到问题。为什么要用这种方式加载页面？

这样可以避免主线程被阻塞太久。当用户加载真实网站时，通常会显示脚本冻结浏览器的警告。还是说有我不知道的机制可以加载这些网站？

GJS Helper• 2026年5月17日

你好！感谢你详细的错误报告和可复现的演示链接。这在处理大型项目和 GrapesJS页面加载时是一个关键问题。根本原因解释你描述的问题，即符号实例在页面逐步加载时失去双向链接（symbol 属性变为 0 或错误），这源于 GrapesJS的符号管理系统在部分或渐进加载项目时重新建立这些链接的方式。当你使用 editor.loadProjectData(projectData)加载项目时， GrapesJS 通常会一次性处理所有页面和组件，从而能够正确解析并关联主符号及其所有实例跨不同页面。实例组件上的 symbol 属性至关重要;它存储了主符号组件的 ID，使实例能够通知主符号的变更，反...

在 GitHub 上查看完整讨论 →