Nuxt•3w ago

Nuxt Devtools not working

When I open up the Nuxt Devtools I get a 404 error Page not found: /__nuxt_devtools__/client/ This is on a pretty much brand new project.

3 Replies

kapa.ai•3w ago

Hi @bnason. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- I apologize for the issue you're experiencing with Nuxt DevTools. Let's try to troubleshoot this problem based on the information available. First, make sure you're using Nuxt version 3.9.0 or higher, as this is a requirement for Nuxt DevTools to work properly Getting Started (https://devtools.nuxt.com/guide/getting-started#installation). If you're using the correct Nuxt version, here are a few steps you can try: 1. Ensure that DevTools is enabled in your nuxt.config.ts file:

export default defineNuxtConfig({
  devtools: { enabled: true },
})

export default defineNuxtConfig({
  devtools: { enabled: true },
})

2. If you've just added this configuration, restart your Nuxt server to apply the changes. 3. If the issue persists, try manually installing the DevTools module:

npm i -D @nuxt/devtools

npm i -D @nuxt/devtools

Then add it to your nuxt.config.ts:

export default defineNuxtConfig({
  modules: [
    '@nuxt/devtools',
  ],
})

export default defineNuxtConfig({
  modules: [
    '@nuxt/devtools',
  ],
})

4. After making these changes, restart your Nuxt server again. If you're still encountering the 404 error, it might be related to a recent fix in Nuxt's error handling GitHub PR #24376 (https://github.com/nuxt/nuxt/pull/24376). This fix addresses issues with DevTools not working on error pages, which could be related to your problem. If none of these solutions work, you might want to try using the edge release channel of Nuxt DevTools Edge Release Channel (https://devtools.nuxt.com/guide/getting-started#edge-release-channel). This version includes the latest fixes and improvements. If the problem persists after trying these steps, it might be a more complex issue. In that case, I recommend reaching out to the Nuxt community or filing an issue on the Nuxt DevTools GitHub repository for more specific assistance. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•3w ago

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

bnasonOP•3w ago

That did not resolve the isssue Hmm I think it has to do with @vite-pwa/nuxt

Gaming

Programming

Nuxt Devtools not working