Monaco Editor fail to load
Hi everyone,
I tried to find an answer, but I can't make it work after hours of trying π¦
Subject: Install and use the Monaco Editor (I used this module https://nuxt.com/modules/nuxt-monaco-editor)
Problem: I get this error when I load a page using the <MonacoEditor> component =>
ENOENT: no such file or directory, open '/__skip_vite/node_modules/monaco-editor/esm/vs/editor/editor.worker.js'
What I tried :
- delete package.lock + node_modules + .nuxt and install again
- chmod 777 the entire node_modules
- put the MonacoEditor component inside a <ClientOnly>
I'm using nuxt 3, the module is inside my nuxt.config.ts, I see the file editor.worker.jsinside my node_modules
Did someone got the same error please ? π2 Replies
Hi @CG Seb. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
I'm sorry, but the knowledge sources provided do not contain any information about issues with Monaco Editor or the nuxt-monaco-editor module in Nuxt 3, nor do they mention the specific error you are encountering (
ENOENT: no such file or directory, open '/__skip_vite/node_modules/monaco-editor/esm/vs/editor/editor.worker.js').
Based on the available documents, there are no explicit solutions or discussions related to Monaco Editor integration or this error path. If you need further assistance, you may want to check the official documentation for the nuxt-monaco-editor module or open an issue on their repository for more targeted help.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------<@182470797850312704> Kapa.ai is still learning and improving, please let me know how I did by reacting below.