devtools: If the module contains "@nuxt/devtools", an error occurs in the Fonts panel. about fonts HOT 9 OPEN

i don't know if this is related but i am getting this

Only fix i can do is to disable devtools or remove nuxt font

These are the modules in my project

from fonts.

I'm not sure if these two are the same issue. @stephenjason89 @larrasu Could you share a reproduction?

from fonts.

@danielroe
Can you please remove the need reproduction tag (I already have a reproduction link in the body)?

from fonts.

Does this happen with any other modules with custom devtools integrations?

from fonts.

it works correctly with modules like @nuxtjs/tailwindcss or nuxt-icon
So far (as far as I've seen) this only happens with @nuxt/fonts.

from fonts.

i don't know if this is related but i am getting this

Only fix i can do is to disable devtools or remove nuxt font

These are the modules in my project

This is happening to me too. I thought it only happens when you install @nuxt/fonts using npx nuxi module add @nuxt/fonts, but it's also happening with manual installation.

from fonts.

Would you be able to provide a reproduction? 🙏

from fonts.

I think the problem I created and the problem reported by @stephenjason89 @larrasu are different problems. (I need to include @nuxt/devtools in the module entry for the problem to occur, but the image provided by stephenjason89 does not include @nuxt/devtools).

like this:

// nuxt.config.ts
export default {
    modules: [
    '@nuxt/devtools',
    '@nuxt/fonts'
  ],
}

This should be assigned as a new issue.

from fonts.

I'd say this is becuase of the order of modules, if you add @nuxt/devtools after @nuxt/fonts it works.

also you don't need to include @nuxt/devtools as it is included in nuxt core.

from fonts.