Unable to autoImport components in nuxt

[genu]

What happened?

When integrating with nuxt, setting autoImport: true doesn't seem to work correctly.

An error is thrown:

The requested module '/_nuxt/node_modules/.pnpm/[email protected][email protected]/node_modules/vee-validate/dist/vee-validate.js?v=b2471b49' does not provide an export named 'Form' 

Reproduction steps

1. Add nuxt module
2. Try to use <Form>

Version

Vue.js 3.x and vee-validate 4.x

What browsers are you seeing the problem on?

• Firefox
• Chrome
• Safari
• Microsoft Edge

Relevant log output

The requested module '/_nuxt/node_modules/.pnpm/[email protected][email protected]/node_modules/vee-validate/dist/vee-validate.js?v=b2471b49' does not provide an export named 'Form'

Demo link

https://stackblitz.com/edit/github-kdegep

Code of Conduct

• I agree to follow this project's Code of Conduct

[ttonyh]

I'm getting the same error in Nuxt v3.13.2 but NOT in v3.13.1
https://github.com/nuxt/nuxt/releases/tag/v3.13.2

There were multiple changes importing, but I'm not sure which change caused this.

[ttonyh]

Referenced here:
nuxt/nuxt#29024

[joaolisboa]

Can confirm I have this issue in the latest nuxt version

[Ismaele-silla]

Having the same issue as well

[jakubm95]

The same error, works with nuxt 3.12.4 bug in 3.13.2

[rrubio]

Same here. What version of vee-validate should I use with nuxt 3.12.4?

[9M6]

@rrubio seems only up to that version works.

[luc122c]

I'm also having a similar issue (The requested module '[...]vee-validate.js' does not provide an export named 'Field'). Pinning Nuxt to 3.12.4 seems to be a good workaround for now.

[genu]

You don't have to downgrade nuxt to workaround this issue. You can simply import the component manually from vee-validate

[luc122c]

You don't have to downgrade nuxt to workaround this issue.

I know, but I have a lot of components importing Field, I don't fancy adding manual imports to them all. It's easier for me to pin Nuxt until the auto-import issue is resolved.