我创建了如下的组件。 “''js const script = function（） { const script = document.createElement（'script'）; script.src = 'http://localhost:8888/builder/sites/site1/assets/js/jquery-1.12.4.min.js'; document.body.appendChild（脚本）; }); “''js 编辑。BlockManager.add（'site1'， { 标签：“模板1”，分类：“模板”，内容：“ 这是我的内容。” }); ``` site1 - 是我现成的模板，里面有CSS和JavaScript。 CSS能正常加载“内容”，但JavaScript不行，所以我为JavaScript创建了组件。在HTML页面上，它显示添加了jquery文件，但无法使用。我查了查看源代码。如果我做了任何外部JavaScript文件，它只是alert（“test”），但它在HTML页面上不起作用。我用的是NuxtJS + Gr...

问题 #3730💬 已回答提出于 2021年8月27日作者 hrdkzala0 个反应

脚本标签在HTML页面中无法渲染

快速解答作者 artf

抱歉，我不明白你的问题出在哪里。你创建了“comp-with-js”组件，但却没有显示你在哪里使用它...... 请提供一个可复现的演示。

问题

我创建了如下的组件。 “''js const script = function（） { const script = document.createElement（'script'）; script.src = 'http://localhost:8888/builder/sites/site1/assets/js/jquery-1.12.4.min.js'; document.body.appendChild（脚本）; }); “''js 编辑。BlockManager.add（'site1'， { 标签：“模板1”，分类：“模板”，内容：“<div>这是我的内容</div>。” }); ``` site1 - 是我现成的模板，里面有CSS和JavaScript。 CSS能正常加载“内容”，但JavaScript不行，所以我为JavaScript创建了组件。在HTML页面上，它显示添加了jquery文件，但无法使用。我查了查看源代码。如果我做了任何外部JavaScript文件，它只是alert（“test”），但它在HTML页面上不起作用。我用的是NuxtJS + Grapesjs。请给我一些建议。

回答（4）

artf• 2021年8月29日

抱歉，我不明白你的问题出在哪里。你创建了“comp-with-js”组件，但却没有显示你在哪里使用它...... 请提供一个可复现的演示。

mingxin-yang• 2021年9月3日

拖动块后脚本功能无法工作 @artf

mingxin-yang• 2021年9月3日

https://grapesjs.com/docs/modules/Components-js.html#basic-scripts

ClaudeCode• 2026年5月17日

谢谢你举报，@hrdkzala。感谢你分享关于脚本标签无法在HTML页面中渲染的报告。为了帮助团队调查并优先排序：请提供：一个最小可复现的例子（CodeSandbox/JSFiddle）你的GrapesJS版本号浏览器和操作系统信息浏览器控制台的任何错误信息重现问题的步骤最有帮助的是什么：简约代码示例（不是你整个项目）屏幕录制或截图显示问题明确区分预期行为与实际行为你正在使用的GrapesJS配置有了这些细节，维护者可以更快地识别和优先排序修复。GrapesJS团队对有充分记录的问题反应迅速。

在 GitHub 上查看完整讨论 →