未捕获的类型错误：未能在“节点”上执行“appendChild”：参数1不属于“节点”类型。

Question

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome新版本可复制演示链接 https://codesandbox.io/s/grapejs-reactjs-forked-zqnqo?file=/src/Editor.js描述一下那个虫子 如何复现这个漏洞？只需将图片块拖放到画布上还可以在落地页面块中找到拖放自定义图片块到 Canvas 现场演示：[https://codesandbox.io/s/grapejs-reactjs-forked-zqnqo?file=/src/Editor.js]（网址） 预期的行为是什么？ 当用户丢弃自定义图片块、默认图片块，或者双击Canvas上的任何图片，而不是打开默认模态图片上传器时，我想打开自定义的React-Modal 目前的行为是什么？ 现在当用户把图片放到Canvas上，或者双击图片以替换图片时，会打开默认图片上传器， 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js import React， { useState， useEffect } from “react”; 从“grape...

throne1986 · Accepted Answer

我已经解决了这个问题，方便以后参考 首先我移除了这个功能： editor.on（“component：add”， （model， argument） => { if （model.getName（） === “Image”） { modal.setContent（ModalImages）; } }); 我用这个功能替换了 编辑。Commands.add（'open-assets'， { run（editor， sender， opts = {}） { dispatch（setIsOpen（true））;打开我的自定义资产管理器 opts.target.set（'src'， customImgUrl） // set image url } }) 这把默认资产管理器替换成了我自定义的 React Modal 资产管理器

artf · Answer

当你运行“editor.command.run（'open-assets'）”时，你必须传递选项，比如 “''js editor.command.run（'open-assets'， { 目标：editor.getSelected（）， }) ```

throne1986 · Answer

@artf我解决了问题，问题是关闭问题，解决方案就是通过以下选项传递URL。 编辑。Commands.run（“open-assets”， { 目标：editor.getSelected（） 网址：imageUrl }); 编辑。Commands.add（“open-assets”， { run（editor， sender， opts = {}） { dispatch（setIsOpen（true））; console.log（“imageUrl”，opts.url）; opts.target.set（“src”，opts.url）; } }); 你可以关闭这期刊物，再次感谢这个图书馆，愿上帝保佑你

未捕获的类型错误：未能在“节点”上执行“appendChild”：参数1不属于“节点”类型。

问题

回答（4）

相关问答

添加视频时目标为零

无法读取未定义属性（读取“上传文件”）

Grapesjs 在通过脚本设置 innerHTML 时无法识别组件类型。

自定义组件样式在删除和重新添加后不会被应用

与此问题匹配的付费插件

相关教程

Vanilla GrapesJS vs GrapesJS With Plugins: What You Actually Get Out of the Box (2026)

GrapesJS DevTools: A Developer Panel Inside Your Editor

How We Built Composeit in Record Time Using GrapesJS Shadcn

浏览插件分类