No auto import of components after 'nuxt generate'

``Describe the bug When use ‘components: true’ and then import a component on my page it is working just fine on ‘dev’ but after running ‘generate’ command and starting ‘start’ the web server I don’t see any of my components that should be auto imported.

To Reproduce Steps to reproduce the behavior:

1. Clone repository ‘https://github.com/m7rlin/nuxt-auto-import-components’
2. Run ‘npm run generate’
3. Then run ‘npm run start’
4. Open the server on ‘http://localhost:3000’ and see that the ‘@/components/webblocks/Cards.vue’ component is not there

Expected behavior Auto imported components should be visible on production.

Screenshots On production now:

How it should look like:

Additional context When I import the components the normal way, they are visible on production.

EDIT: If I do this on package.json (npm)

...
"scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate",
    "lint:js": "eslint --ext \".js,.vue\" --ignore-path .gitignore .",
    "lint": "npm run lint:js",
    "preinstall": "npx npm-force-resolutions"
  },
...
},
  "resolutions": {
    "@nuxt/components": "2.1.8"
  }
...

It seems working just fine. EDIT: I found that downgrading “nuxt components” to v2.1.8 fix the problem.

“@nuxt/components”: “2.1.8”

[pi0]

The regression is fixed in components@2.2.1. Just remove yarn.lock/package.lock.json and reinstall dependencies.

[richardeschloss]

This is just a guess, but it seems like the v-lazy-image takes advantage of npm (or pnpm?) workspaces, so that importing from ‘@hzzt/v-lazy-image’ would resolve to the ESM vue component index.js instead of a commonjs file.