Hello.
Hi everyone! I'm running into an error with the Vue Inspector plugin that I can't quite figure out. Here's what I'm seeing:
ERROR Internal server error: ENOENT: no such file or directory, open '/node_modules/.pnpm/[email protected]...'
It seems to be having trouble locating the Overlay.vue file in the vue-inspector plugin. I'm using pnpm as my package manager. Has anyone encountered something similar or have suggestions on what might be causing this?
I can tell it's related to the two different vite versions in the trace, but I can't find where
[[5:21:38 PM] ERROR Internal server error: ENOENT: no such file or directory, open '/node_modules/.pnpm/[email protected]@6.0.11@[email protected][email protected][email protected]@2.7.0/node_modules/vite-plugin-vue-inspector/src/Overlay.vue'
at Object.readFileSync (node:fs:448:20)
at getDescriptor (file:///home/rationallyprime/Socrates/packages/frontend/node_modules/.pnpm/@[email protected]@5.4.14@[email protected][email protected]@[email protected]/node_modules/@vitejs/plugin-vue/dist/index.mjs:114:18)
at LoadPluginContext.load (file:///home/rationallyprime/Socrates/packages/frontend/node_modules/.pnpm/@[email protected]@5.4.14@[email protected][email protected]@[email protected]/node_modules/@vitejs/plugin-vue/dist/index.mjs:2960:28)
at PluginContainer.load (file:///home/rationallyprime/Socrates/packages/frontend/nodemodules/.pnpm/[email protected]@[email protected][email protected]/node_modules/vite/dist/node/chunks/dep-CHZK6zbr.js:49066:17)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async loadAndTransform (file:///home/rationallyprime/Socrates/packages/frontend/nodemodules/.pnpm/[email protected]@[email protected][email protected]/node_modules/vite/dist/node/chunks/dep-CHZK6zbr.js:51871:22)]
4 Replies
Hi @Hákon Freyr. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Based on the information provided in your question and the knowledge sources available, it appears you're encountering an issue related to the Vue Inspector plugin in a Nuxt project. This error seems to be caused by a compatibility issue between different versions of Vite being used in your project.
The error message indicates that the system is unable to find the
Overlay.vue file in the vite-plugin-vue-inspector package. This could be due to a mismatch between the versions of Vite and the Vue Inspector plugin.
To address this issue, you can try the following workaround suggested by Alex in a related GitHub issue:
Nuxt UI Issue #2971
1. Try overriding the Vite version in your package.json file to use version 5. You can do this by adding the following to your package.json:
2. After making this change, delete your node_modules folder and the lock file (pnpm-lock.yaml for pnpm).
3. Run pnpm install to reinstall the dependencies with the specified Vite version.
If this doesn't resolve the issue, you might want to consider upgrading your Nuxt version to the latest patch version (if you haven't already), as some users have reported that upgrading to Nuxt 3.15.2 resolved similar issues.
It's worth noting that this appears to be an upstream issue in Vite, which is being tracked in the Vite repository:
Vite Issue #19096
If the problem persists after trying these solutions, you may need to wait for an official fix from the Vite or Nuxt teams. In the meantime, you could consider temporarily disabling the Vue Inspector plugin if it's not critical for your development process.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------<@384998015615631361> Kapa.ai is still learning and improving, please let me know how I did by reacting below.
Didn't work 😭
at least it not write what module X not found