Error when trying to launch a project for local development

[xzdwq]

Q&A (please complete the following information)

• OS: windows 10
• Browser: chrome
• Version: 130
• Method of installation: npm
• Swagger-Editor version: 5.0.0-alpha.96

Content & configuration

I am trying to run swagger-editor-next locally
I followed the startup instructions:

 $ git submodule init
 $ git submodule update
 $ npm i
 $ npm start

and I got an error:

ERROR in ./src/plugins/editor-monaco/components/MonacoEditor/MonacoEditor.jsx 8:0-40
Module not found: Error: You attempted to import /node_modules/monaco-editor which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.
You can either move it inside src/, or add a symlink to it from project's node_modules/.

I also checked:

npm ls monaco-editors

[email protected] C:\Users\zhivovi\develop\swagger-editor
+-- monaco-editor@npm:@codingame/[email protected]
`-- [email protected] -> .\create-react-app\packages\react-scripts
  `-- monaco-editor@npm:@codingame/[email protected] deduped

And I tried npm dedupe but the mistake remained the same

I know that these are the features of react-create-app, but I'm not sure that I should somehow solve this through overrides

Screenshots

[xzdwq]

the solution worked for me:

• in the package.json
  "monaco-editor": "npm:@codingame/monaco-vscode-editor-api@=5.2.0",
  replace with:
  "@codingame/monaco-vscode-editor-api": "5.2.0",

• npm i

• in all files in the src/
  import directory * as monaco from 'monaco-editor';
  replace with:
  import * as monaco from '@codingame/monaco-vscode-editor-api';