Issue with Upgrading @nuxt/image Module in Nuxt 3
Hello everyone,
I'm encountering an issue while upgrading from @nuxt/image-edge to the latest stable @nuxt/image in my Nuxt 3 project. My current setup includes:
• Nuxt version: "^3.1.1"
• Vue version: "^3.2.45"
• @nuxt/image version: "latest"
After updating the module, I receive the following error during the build:
Module not found: Error: Can't resolve 'C:/.../node_modules/@nuxt/image/dist/runtime/composables' in 'node_modules@nuxt\image\dist\runtime\components'
Did you mean 'composables.mjs'?
BREAKING CHANGE: The request 'C:/.../node_modules/@nuxt/image/dist/runtime/composables' 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.
Do you have any idea for the error?
2 Replies
Have someone the same problem?
Have you tried looking at the "troubleshooting" section of NuxtImage? Heres a link, mabe it'll help you! https://image.nuxt.com/get-started/installation#troubleshooting
Nuxt Image
Installation - Nuxt Image
Using image module in your Nuxt project is only one command away.