未捕获的语法错误：意外令牌 '{'，时间为CanvasView.ts：590：12
问题
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ 版本 1.56.20 Chromium：115.0.5790.171（Offizieller 构建）（arm64） 可复制演示链接 没有 描述一下那个虫子 我有一个带有脚本的组件类型 在使用此类组件预览项目时， GrapesJS 会创建以下 HTML 如果你仔细检查这个输出，会发现内 script () { 没有正确关闭。 我已经尝试过一些变通方法，但还没成功。不过我会继续尝试，因为这个问题最终成了障碍...... 行为准则 [X] 我同意遵守本项目的行为准则
回答（3）
这很有趣：定义一个独立的功能
function script （） { console.log（'Hi！'）; runScript.call（this） }
以及定义文档中描述的组件类型
Editor.DomComponents.addType（'HTMLView'，{
型号：{
默认值：{
脚本，
...
按设计运作。
但听起来还是很奇怪，内联函数在导出的HTML中会出现语法错误......
@rozek个好发现，下次发布会修正的
你遇到的 Uncaught SyntaxError: Unexpected token '{' 源于 GrapesJS 如何处理和嵌入使用ES6方法简写语法定义的组件脚本。当 script 属性的 toString() 表示包含函数签名时，这个问题是已知的行为。 根本原因 当你这样定义组件的 script 属性时： 这是一个 ES6 方法的定义。当 GrapesJS 在内部调用该函数的 toString() 将其嵌入 HTML 时，结果是一个包含方法签名的字符串，例如： "script () { console.log('Hi!'); runScript.call(this) }"。 Gra...
相关问答
通过相似的问题讨论继续研究。
问题 #5362
拖拽/丢弃属性函数在拖拽时未被调用
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ 版本 1.56.20 Chromium：115.0.5790.171（Offizieller 构建）（arm64） 可复制演示链接 没有 描述一下那个虫子 我用特定的类型拖拽规则定义了自...
问题 #5354
Canvas.script 的条目不尊重“导入映射”
GrapesJS版本[X] 我确认使用最新版本GrapesJS你用的是什么浏览器？ 版本 1.56.20 Chromium：115.0.5790.171（Offizieller 构建）（arm64）可复制演示链接 没有描述一下那个虫子 引用`canvas.scripts 的脚本...
问题 #5353
Canvas.script 的条目不能是 JS 模块
GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ 版本 1.56.20 Chromium：115.0.5790.171（Offizieller 构建）（arm64）可复制演示链接 没有描述一下那个虫子 已建立的联系 不能引用JavaScri...
问题 #4537
RangeError Maximum call stack size exceeded
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ 勇敢 1.33.105 铬：96.0.4664.93 可复制演示链接 https://codesandbox.io/s/relaxed-mccarthy-v2e37w 描述一下那个虫子...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish — plugins, articles, community questions, guides, authors and services. Press ⌘K from any page.
教程
GJS.Market Is Now Available for India 🇮🇳
GJS.Market is expanding its global presence with a dedicated experience for developers, agencies, SaaS companies, and digital creators in India
教程
如何在2026年用 GrapesJS 构建AI驱动的页面构建器
我们构建GJSDocs的经验——从简单的AI文本生成到结构化、上下文感知的视觉编辑
浏览插件分类
直接跳转到市场上的插件分类页面。