问题 #5009💬 已回答提出于 2023年3月24日作者 Drive4ik0 个反应

Style parsing error if it has @import

快速解答作者 artf

GrapesJS 解析器目前无法异步，这也没法修复，但无论如何，从性能角度来看，你绝不应该在 CSS 中使用“@import”，因为它会生成阻塞请求

问题

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？仅Firefox（所有版本）可复制演示链接 https://jsfiddle.net/03m6jz5f/描述一下那个虫子如何复现这个漏洞？清除浏览器缓存尝试导入带有样式标签的模板，该模板带有@import字体 URL 预期的行为是什么？样式需要加载时没有 JS 错误目前的行为是什么？ GJS 不要等样式加载，试着解析 null 表（JS 错误）。参见截图： ![изображение]（https://user-images.githubusercontent.com/7843031/227580073-de78605e-dc69-495f-8705-3056d7d83fb4.png） ![изображение]（https://user-images.githubusercontent.com/7843031/227580403-d811843d-c69d-474c-8902-8bb58823706a.png）如果需要执行某些代码以重现该漏洞，请将其粘贴到下面：（图纸解析错误）如果等待加载/解析式标签错误且未复制：行为准则[X] 我同意遵守本项目的行为准则

回答（2）

artf• 2023年8月2日

GrapesJS 解析器目前无法异步，这也没法修复，但无论如何，从性能角度来看，你绝不应该在 CSS 中使用“@import”，因为它会生成阻塞请求

GJSBlock• 2026年5月17日

谢谢你举报，@Drive4ik。关于样式解析错误（如果有@import）的问题，这是个很好的问题。推荐的 StyleManager 方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'，（...

在 GitHub 上查看完整讨论 →