Main.scss is missing in 0.21.6
Question
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
Firefox 118
Reproducible demo link
none
Describe the bug
Hello there,
I have themed GrapesJS following the instructions of the doc here: https://grapesjs.com/docs/getting-started.html#theming
But with 0.21.6, it's not possible anymore to @import "grapesjs/src/styles/scss/main.scss"; in SCSS, because the file is missing in the node_modules/grapejs/ folder
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (3)
yeah src folder is missing
Same issue as https://github.com/GrapesJS/grapesjs/issues/5392
Thanks for reporting this, @quentin-bettoum.
The issue with main.scss is missing in 0.21.6 appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, creating an inconsistent state.
What to try:
- Add a setTimeout wrapper to ensure the DOM has settled:
setTimeout(() => {
// your operation here
}, 0);
-
Check initialization order β make sure components are fully loaded before you interact with them
-
Use the editor's event system β listen to completion events:
editor.on('component:mount', (component) => {
// safe to interact with component here
});
Recommended next steps:
- Test with the latest GrapesJS version if you haven't
- Provide a minimal reproducible example (CodeSandbox) β this helps the team identify the root cause faster
- Include GrapesJS version, browser, and console errors in your report
Related Questions and Answers
Continue research with similar issue discussions.
Issue #5746
ColorPicker Offset incorrect when Panels are outside of Editor Container
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v122 Reproducible demo link https:/...
Issue #5891
Installation of Grapesjs and yarn on Ubuntu 24.04 LTS
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 125.0.3, Brave 1.66.110 Reproducib...
Issue #4765
The documented way to parse @keyframes does not work
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v107Describe the bug How to reproduce...
Issue #6445
The doc website has missing info
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 136.0.1 (64 bits) Reproducible dem...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins βPremium plugins ship with support, regular updates, and production-ready features β save days of integration work.
Browse premium plugins βBrowse Plugin Categories
Jump directly to plugin category pages on the marketplace.