问题 #754💬 已回答提出于 2018年1月12日作者 punkt21 个反应

组件脚本中的ES6类

快速解答作者 punkt21

我解决了问题。结果发现 babel 是在转换 javascript 类,调用了 helper 函数 classCallCheck,但这个函数没有传递给 grapesjs。 在最新版本(7)中,你可以启用变换类插件的松散模式,该模式不会插入classCallCheck函数调用。将巴别塔升级到版本7 “嘘 npm install [email protected] @babel/core @babel/preset-env “巴别塔”:{ “预设”: [ “环境” ], “插件”: [ “变形-物体-静止-扩散” ] }, { “presets”: [“@babel/preset-env”], “插件”: [ [“@b...

阅读下方完整回答 ↓

问题

我想在组件脚本属性中使用ES6类。当我把组件放到画布上时,会出现“classCallCheck未定义”的错误信息。 组件代码: “JavaScript comps.addType('dropdown', { model: defaultModel.extend({ defaults: Object.assign({}, defaultModel.prototype.defaults, { '自定义名称':'下拉菜单', 类: ['C-select2'], traits: ['header'].concat(defaultModel.prototype.defaults.traits), 脚本:function() { 类测试 { 构造者(Constructor){ console.log(“称为建造者”); } } 令obj = 新Test(); } }), }, { isComponent(el) { if(el && el.classList && el.classList.contains('c-select2')) { 返回 {类型:'下拉选区'}; } } }), 查看:默认视图 }); } VM5186:1 未捕获引用错误:classCallCheck未定义 在新ASDF (<anonymous>:1:312) 在HTMLDivElement。<anonymous>...

回答(2)

punkt22018年1月13日

我解决了问题。结果发现 babel 是在转换 javascript 类,调用了 helper 函数 classCallCheck,但这个函数没有传递给 grapesjs。 在最新版本(7)中,你可以启用变换类插件的松散模式,该模式不会插入classCallCheck函数调用。将巴别塔升级到版本7 “嘘 npm install [email protected] @babel/core @babel/preset-env “巴别塔”:{ “预设”: [ “环境” ], “插件”: [ “变形-物体-静止-扩散” ] }, { “presets”: [“@babel/preset...

lock[bot]2019年9月18日

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

相关问答

通过相似的问题讨论继续研究。

问题 #459

在另一个模块中包含自定义组件时出现错误

抱歉标题有点模糊。我不太确定如何简洁地描述这件事。我有一个自定义块,想限制只有图片可以丢进块的某个部分。我尝试过类似这样的方法: 然而,当我这样做时,尝试将方块从方块调色板中拖出时,会出现以下错误: ... grapes.min.js:2 未捕获类型错误:s 不是构造函数 at...

3 个回答更新于 2019年9月18日

问题 #460

当组件视图修改HTML时,文本组件不再可编辑

我正在尝试构建一个自定义组件,内容中包含一些Lorem ipsum文本,以便在画布上进行编辑。但我也想修改视图中的HTML(添加一些我想在编辑器中显示但不在已保存HTML中的内容)。我尝试过类似这样的方法: 问题是,如果我像上面那样修改render()函数,文本部分中的文本组件...

3 个回答更新于 2019年9月18日

问题 #484

我能限制可以放入容器的方块吗?

我的目的是创建一个块,只允许放置图像组件(我用的是 grapes-blocks-basic 的默认组件)在里面。 我有以下测试代码: 但是,当我运行上述代码时,发生的情况是我无法在图像容器中放置图像组件。绿色下拉光标只会出现在容器的顶部、底部和侧面,但不会出现在容器内部。实际上...

3 个回答更新于 2019年9月18日

问题 #522

模型HTML问题

#513 抱歉打开新期,但你关闭了上一期,所以不得不重新创建, 我在下面遇到困难,如果你能帮我解决或指导我示例代码就太好了,或者如果你有5分钟时间,做个小代码笔也很好,非常感谢你的帮助。 我试过你建议的,但子组件的模型依然没有更新,只在组件渲染时返回默认值。 “''js fun...

3 个回答更新于 2019年9月18日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。