Use tsup-node build grapesjs appear Uncaught Error: Dynamic require of "codemirror/lib/codemirror" is not supported

Question

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? latest version of Chrome Reproducible demo link null Describe the bug How to reproduce the bug?tsup-node src/index.ts --format esm,cjs --legacy-output --watch What is the expected behavior? I use vite to build grapesjs What is the current behavior?<img width="1126" alt="image" src="https://github.com/GrapesJS/grapesjs/assets/114127651/26e08b79-17e9-42ca-9133-dae9a32313d4"><img width="657" alt="image...

artf · Accepted Answer

I think you have to address that to Vite community, the core is using webpack right now and it works as expected

GJS Helper · Answer

The error "Uncaught Error: Dynamic require of "codemirror/lib/codemirror" is not supported" arises when you're trying to bundle GrapesJS (or a library that uses GrapesJS) with a modern bundler like tsup (especially when targeting ESM) that encounters CommonJS require() statements within the codemirror library. GrapesJS uses CodeMirror for its code editors, and CodeMirror, being an older library, often uses dynamic require() calls internally. Modern ESM-focused bundlers prefer static import stat...

Use tsup-node build grapesjs appear Uncaught Error: Dynamic require of "codemirror/lib/codemirror" is not supported

Question

Answers (2)

Related Questions and Answers

Editor?.Css.addRules(targetCss);

"index.d.ts is not a module" in 0.18.4 when grapesjs is imported with "import * as grapesjs from 'grapesjs';"

Cannot drag to move components on mobile

Deleting a component without deleting its corresponding style, will adding new components later cause style conflicts?

Paid Plugins That Match This Issue

Related tutorials

Introducing Search on GJS.Market

How to Build an AI-Powered Page Builder with GrapesJS in 2026

How Much Does It Cost to Build a SaaS Page Builder in 2026?

Browse Plugin Categories