Package import specifier "#imports" is not defined in package

[xfudox]

Description

trying to use useChallengeV3 composable, when visiting dev server (npm run dev) got full page 500 error:

Package import specifier "#imports" is not defined in package /var/www/node_modules/vue-recaptcha/package.json imported from /var/www/node_modules/vue-recaptcha/dist/nuxt-plugin.mjs

Minimal Reproducible Example

added plugin in nuxt.config.ts:

  modules: [
    'vue-recaptcha/nuxt',
  ],
  runtimeConfig: {
    public: {
      recaptcha: {
        v3SiteKey: process.env..RECAPTCHA_KEY,
      },
    }
},

and imported in component:

import { useChallengeV3 } from 'vue-recaptcha'

System info

> npx nuxi info
Working directory: /var/www                                                                                                1:16:23 PM
Nuxt project info:                                                                                                         1:16:23 PM

------------------------------
- Operating System: Linux
- Node Version:     v20.12.1
- Nuxt Version:     3.11.2
- CLI Version:      3.11.1
- Nitro Version:    2.9.6
- Package Manager:  [email protected]
- Builder:          -
- User Config:      devtools, app, vite, components, modules, imports, fontawesome, dir, runtimeConfig, sourcemap, devServer, nitro
- Runtime Modules:  @pinia/[email protected], @vesp/[email protected], vue-recaptcha/nuxt
- Build Modules:    -
------------------------------

[dhphuongg]

When I am using yarn to install: yarn add vue-recaptcha , it's version which is in package.json is 3.0.0-alpha.2
I try to change it into 3.0.0-alpha.6 and it works for me.

[dennernavarro]

@dhphuongg this approach also worked well for me