Nuxt 3.12.1 Error: does not provide an export named 'setupDevtoolsPlugin'

mrchoke commented 2 weeks ago

Environment

Nuxt project info: 1:06:56 AM (+7)

Operating System: Linux
Node Version: v20.12.0
Nuxt Version: 3.12.1
CLI Version: 3.12.0
Nitro Version: -
Package Manager: pnpm@9.3.0
Builder: -
User Config: devtools, future, modules, css, i18n, quasar, experimental, plugins, imports, proxy, routeRules, app
Runtime Modules: @nuxt/eslint@0.3.13, @pinia/nuxt@0.5.1, nuxt-zod-i18n@1.8.0, @nuxtjs/i18n@8.3.1, @vueuse/nuxt@10.10.1, @vee-validate/nuxt@4.13.1, nuxt-quasar-ui@2.1.2, @pinia-plugin-persistedstate/nuxt@1.2.0, @nuxt-alt/proxy@2.5.8
Build Modules: -

Reproduction

Error: upgrade from Nuxt 3.11.2 to 3.12.1 Work: downgrade to Nuxt 3.11.2

Describe the bug

it show message

The requested module '/_nuxt/node_modules/.pnpm/@vue+devtools-api@6.6.3/node_modules/@vue/devtools-api/lib/cjs/index.js' does not provide an export named 'setupDevtoolsPlugin'

Screenshot 2024-06-12 at 01 12 14

Additional context

No response

Logs

nuxt.js?v=130e9795:122 [nuxt] error caught during app initialization SyntaxError: The requested module '/_nuxt/node_modules/.pnpm/@vue+devtools-api@6.6.3/node_modules/@vue/devtools-api/lib/cjs/index.js' does not provide an export named 'setupDevtoolsPlugin' (at index.mjs?v=130e9795:79:15)Caused by: SyntaxError: The requested module '/_nuxt/node_modules/.pnpm/@vue+devtools-api@6.6.3/node_modules/@vue/devtools-api/lib/cjs/index.js' does not provide an export named 'setupDevtoolsPlugin' (at chunk-IYZISRBI.js?v=130e9795:3:10)

ZTL-UwU commented 2 weeks ago

I'm able to reproduce this with the vee-velidate zod integration. https://stackblitz.com/~/github.com/ZTL-UwU/nuxt-3.12.1-setupDevtoolsPlugin-repro

vasilistotskas commented 2 weeks ago

Im facing same error after updating nuxt to 3.12.1 and using :

  future: {
    compatibilityVersion: 4,
  },

The error is:

Uncaught SyntaxError: The requested module '/_nuxt/@fs/C:/Dev/grooveshop-dev/grooveshop-storefront-ui-node-nuxt/node_modules/.pnpm/@vue+devtools-api@6.6.3/node_modules/@vue/devtools-api/lib/cjs/index.js' does not provide an export named 'setupDevtoolsPlugin' (at vee-validate.esm.js:7:10)

Im running pnpm version 9.3.0

vasilistotskas commented 2 weeks ago

After adding "@vue/devtools-api": "6.6.3", as a dev dependency the error gone

danielroe commented 2 weeks ago

I wonder if we need to add @vue/devtools-api to vite.optimizeDeps.include - or perhaps exclude(?). cc: @antfu

shaunnbarron commented 1 week ago

After adding "@vue/devtools-api": "6.6.3", as a dev dependency the error gone

This works for me in dev, but building is a no-go.

danielroe commented 1 week ago

This seems to be an upstream issue. I think the following should resolve it for you:

export default defineNuxtConfig({
  vite: {
    optimizeDeps: {
      exclude: ['vee-validate']
    }
  },
  modules: ['@vee-validate/nuxt'],
})

This may be worth adding to the @vee-validate/nuxt module, but I'm a little unsure as vee-validate does not expose a valid ESM build - and does not have export conditions either.

cc: @antfu

nuxt / nuxt