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

swagger-editor@5.0.0-alpha.96 C:\Users\zhivovi\develop\swagger-editor
+-- monaco-editor@npm:@codingame/monaco-vscode-editor-api@5.2.0
`-- react-scripts@5.0.1 -> .\create-react-app\packages\react-scripts
  `-- monaco-editor@npm:@codingame/monaco-vscode-editor-api@5.2.0 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';