Nuxt•13mo ago

error when integrating nuxthq/studio module

using nuxt-content 3 alpha. tried adding

@nuxthq/studio

@nuxthq/studio

to experiment with the cms. getting this error:

Nuxt Build Error: [commonjs--resolver] [unimport] failed to find "useContentState" imported from "#imports"

Nuxt Build Error: [commonjs--resolver] [unimport] failed to find "useContentState" imported from "#imports"

everything else about nuxt-content is working impressively well, though.

kapa.ai•11/28/24, 3:21 PM

Hi @endquote. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base.

kapa.ai•11/28/24, 3:21 PM

----------------------
It seems you're encountering an error while integrating the

@nuxthq/studio

@nuxthq/studio

module with Nuxt Content v3 alpha. This error suggests there might be some compatibility issues or missing dependencies. Let's address this based on the information available:

First, it's important to note that you're using an alpha version of Nuxt Content, which may have some instabilities or incompatibilities with other modules.
The error indicates that the auto-import system is unable to locate the composable. This could be due to a mismatch between the versions of Nuxt Content and Nuxt Studio.
To resolve this, you might need to ensure that all your dependencies are up-to-date and compatible. You can try the following steps:a. Update Nuxt Content to the latest alpha version:```npm install @nuxt/content@latest```b. Make sure you have the latest version of Nuxt Studio:```npm install @nuxthq/studio@latest```c. Clear your project's cache and node_modules, then reinstall dependencies:```rm -rf node_modules .nuxtnpm install```
If the issue persists, you might need to explicitly import the `useContentState` composable in your code. You can do this using the `#imports` alias as mentioned in the **Nuxt documentation** (<https://nuxt.com/docs/bridge/nuxt3-compatible-api#explicit-imports>):

If none of the above steps resolve the issue, it might be worth checking for any known issues or incompatibilities between Nuxt Content v3 alpha and Nuxt Studio. You may want to consult the GitHub repositories for both projects or consider downgrading to a stable version of Nuxt Content if possible.

kapa.ai•11/28/24, 3:21 PM

Remember, when working with alpha versions, such issues are not uncommon. If the problem persists, you might want to report this issue to the Nuxt Content or Nuxt Studio GitHub repositories for further assistance.

Nuxt Content Installation (https://content.nuxt.com/get-started/installation/)
Nuxt Auto-imports (https://nuxt.com/docs/guide/concepts/auto-imports#auto-import-from-third-party-packages)
----------------------
Note: you can ask me a follow up question by @ mentioning me again

----------------------

kapa.ai•11/28/24, 3:21 PM

@466615743157633024 Kapa.ai is still learning and improving, please let me know how I did by reacting below.

endquoteOP•11/28/24, 3:27 PM

that was a pretty good response but ultimately unhelpful. setting nuxt/content to latest would downgrade to version 2. i think this will need human help.

endquoteOP•11/28/24, 3:31 PM

here's a repro. https://github.com/endquote/vue-content-reload/tree/studio

endquoteOP•12/14/24, 3:48 AM

same issue in

endquoteOP•12/14/24, 4:00 PM

https://github.com/nuxt/content/issues/2915

GitHub

can't build nuxt-content-3 with nuxthq/studio module configured · I...

Environment ------------------------------ - Operating System: Linux - Node Version: v22.11.0 - Nuxt Version: 3.14.1592 - CLI Version: 3.16.0 - Nitro Version: 2.10.4 - Package Manager: pnpm@9.15.0 ...