Stand-alone Studio codemirror module not found errors

Benjamin_F · April 30, 2025, 2:32am

3 “Module not found” errors appear when you npm run start in the stand-alone studio.

~~These errors can be simply dismissed-- they don’t stop the studio from running.~~ You can dismiss the errors and the studio will initially run. However, trying to start any new design results in a blank screen. And, in the JavaScript console, I see Unhandled Promise Rejection: Error: Cannot find module './useCodeMirror'

Edit: Added. I was able to work around the problems by rm -rf node_modules/@uiw/react-codemirror then npm install @uiw/react-codemirror@4.23.10 to downgrade to the version before the bug.

The issue appears to be a known bug in uiwjs/react-codemirror:

github.com/uiwjs/react-codemirror

Webpack complains about strict ESM module and requires import clause with .js suffix

opened 06:41PM - 27 Apr 25 UTC

Shellishack

Hi, Thanks for the community's hard work on solving issues around ESM/CJS inter…pretation. I noticed these build errors on my side since `@uiw/react-codemirror4.23.10`. Updating to 4.23.11 to adapt https://github.com/uiwjs/react-codemirror/pull/729 doesn't seem to solve the problem. I am using Webpack along with React and ESM. ``` ERROR in ./node_modules/@uiw/react-codemirror/esm/index.js 5:0-48 Module not found: Error: Can't resolve './useCodeMirror' in 'C:\GitHub\pulse-editor-code-view\node_modules\@uiw\react-codemirror\esm' Did you mean 'useCodeMirror.js'? BREAKING CHANGE: The request './useCodeMirror' failed to resolve only because it was resolved as fully specified (probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"'). The extension in the request is mandatory for it to be fully specified. Add the extension to the request. @ ./src/component/code-editor-view.tsx @ ./src/main.tsx 3:0-58 13:31-45 ERROR in ./node_modules/@uiw/react-codemirror/esm/index.js 11:0-39 Module not found: Error: Can't resolve './getDefaultExtensions' in 'C:\GitHub\pulse-editor-code-view\node_modules\@uiw\react-codemirror\esm' Did you mean 'getDefaultExtensions.js'? BREAKING CHANGE: The request './getDefaultExtensions' failed to resolve only because it was resolved as fully specified (probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"'). The extension in the request is mandatory for it to be fully specified. Add the extension to the request. @ ./src/component/code-editor-view.tsx @ ./src/main.tsx 3:0-58 13:31-45 ERROR in ./node_modules/@uiw/react-codemirror/esm/index.js 12:0-24 Module not found: Error: Can't resolve './utils' in 'C:\GitHub\pulse-editor-code-view\node_modules\@uiw\react-codemirror\esm' Did you mean 'utils.js'? BREAKING CHANGE: The request './utils' failed to resolve only because it was resolved as fully specified (probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"'). The extension in the request is mandatory for it to be fully specified. Add the extension to the request. @ ./src/component/code-editor-view.tsx @ ./src/main.tsx 3:0-58 13:31-45 ``` Workaround: As https://github.com/uiwjs/react-codemirror/issues/680#issuecomment-2761521441 pointed out, rolling back to 4.23.8 worked for me. I am happy to help, but I am reletively new to this community so please enlighten me if devs can look into this. A possible direction to look into might be some bugs introduced between 4.23.8 to 4.23.10

Module not found: Error: Can't resolve './useCodeMirror' in '.../node_modules/@uiw/react-codemirror/esm'
Did you mean 'useCodeMirror.js'?
BREAKING CHANGE: The request './useCodeMirror' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.

--------------------------

Module not found: Error: Can't resolve './getDefaultExtensions' in '.../node_modules/@uiw/react-codemirror/esm'
Did you mean 'getDefaultExtensions.js'?
BREAKING CHANGE: The request './getDefaultExtensions' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.

--------------------------

Module not found: Error: Can't resolve './utils' in '.../node_modules/@uiw/react-codemirror/esm'
Did you mean 'utils.js'?
BREAKING CHANGE: The request './utils' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.