编辑器崩溃，模板无法加载（TypeError 读取类型）

Question

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 版本 143.0.7499.193 可复制演示链接 https://app.rechat.com/dashboard/marketing/history/Letter?printCampaignId=28f0587d-8738-4fd6-8087-da3167f6d737&action=edit 描述一下那个虫子 如何复现这个漏洞？ 打开 Rechat Studio 编辑器，尝试加载/打开这个模板：https://app.rechat.com/dashboard/marketing/history/Letter?printCampaignId=28f0587d-8738-4fd6-8087-da3167f6d737&action=edit 等待编辑器加载内容。 编辑器崩溃并显示“出了问题”。 打开 DevTools > 控制台，你可以看到错误：TypeError：无法读取未定义属性（读取“类型”）。 预期的行为是什么？ 模板应该能在Rechat编辑器中正常加载 目前的行为是什么？...

artf · Accepted Answer

请提供一个独立且可复现的演示，原因看起来来自你的代码逻辑，而非核心

GJS Helper · Answer

GrapesJS编辑器在加载模板时会崩溃并出现TypeError: Cannot read properties of undefined (reading 'type')，原因是你试图加载的内容中HTML格式错误。具体来说，某些div元素有data-block属性但缺少data-type属性，这对GrapesJS正确识别和处理组件至关重要。 根本原因 GrapesJS解析你提供的HTML内容（通过editor.setComponents()或editor.load()）来构建其内部组件树。GrapesJS管理的每个组件都必须有一个data-type（或data-gjs-type）属性，告诉编辑器该属性属于哪种组件（例如，text，image，section）。 在你提供的HTML中，你有以下元素： data-block属性通常被GrapesJS块管理器用来定义可以添加到画布上的可拖拽方块。它并不打算定义画布上已存在组件的类型。当GrapesJS遇到一个元素为data-block但没有data-type时，解析器会尝试将其解释为组件。然而，如果没有明确的data-type，它无法正确...

编辑器崩溃，模板无法加载（TypeError 读取类型）

问题

回答（2）

相关问答

[X] 我确认使用最新版本GrapesJS

关于选择器管理器未被撤销管理器追踪的更新

Undo manager not working properly on undoing a remove action

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

与此问题匹配的付费插件

相关教程

Introducing Search on GJS.Market

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

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

浏览插件分类