Failed to resolve component: Footer with "vite-plugin-components": "0.6.7",

[frck006]

Hi,

I think there is a problem with vite-plugin-components@0.6.7.

With this version, I lost the "Footer"

To resolve, change the "package.json" with: -- "vite": "2.0.0-beta.67", -- "vite-plugin-components": "0.6.6", (without the "^" : "^0.6.6" => "0.0.6") => it works.

[antfu]

Did you update the vite.config.ts? alias is moved to resolve.alias.

[frck006]

Yes I take your template: export default defineConfig({ resolve: { alias: { '~/': ${path.resolve(__dirname, 'src')}/, }, },

[greenskybluephish]

I just cloned the project on my windows machine and I am getting the same error FYI.

[antfu]

Can you run cross-env DEBUG=vite-plugin-components:* pnpm dev and show me the log? Thanks.

[greenskybluephish]

Here you go. I just cloned the project into my wsl shell and it had no issues, so possibly related to the new layouts feature?

Seems like a couple issues have been opened with resolving alias' in Vite. https://github.com/vitejs/vite/issues/2003

[JohnCampionJr]

I can duplicate this too. It has something to do with the changes in the component between 0.6.6 and 0.6.7.

Using the main branch (so before layouts) and updating packages to:

"vite": "2.0.0-beta.65",
"vite-plugin-components": "0.6.8",

or

"vite": "2.0.0-beta.69",
"vite-plugin-components": "0.6.8",

Will break this. There is a WIP: HMR commit after 0.6.6 and before 0.6.7. Did you intend to leave that, @antfu ?

[antfu]

Should be fixed in "vite-plugin-components": "^0.6.9", thanks for @JohnCampionJr's help. Can anyone help to confirm this on Windows? Thanks!

[frck006]

Sorry, no change, the problem is always here:

I've only done:

npx degit antfu/vitesse my-vitesse-app3 cd my-vitesse-app3 pnpm i pnpm dev

The log from debug:

⚡ Vite dev server running at:

  > Network:  http://192.168.1.89:3333/
  > Local:    http://localhost:3333/
  > Network:  http://100.122.157.156:3333/
  > Network:  http://172.17.158.113:3333/

  ready in 2762ms.

[@vue/compiler-sfc] <script setup> is still an experimental proposal.
Follow its status at https://github.com/vuejs/rfcs/pull/227.

[@vue/compiler-sfc] When using experimental features,
it is recommended to pin your vue dependencies to exact versions to avoid breakage.

  vite-plugin-components:glob started with: [src\components\**\*.{vue,md}] +0ms
  vite-plugin-components:glob 0 components found. +7ms
  vite-plugin-components:context:components add [] +0ms
  vite-plugin-components:context:search {} +0ms
  vite-plugin-components:transform C:/Franck/cgid/vuejs3/my-vitesse-app3/src/App.vue +0ms
  vite-plugin-components:transform | router-view +0ms
  vite-plugin-components:transform ^ (0) +1ms
  vite-plugin-components:transform C:/Franck/cgid/vuejs3/my-vitesse-app3/src/App.vue +18ms
  vite-plugin-components:transform | router-view +0ms
  vite-plugin-components:transform ^ (0) +0ms
  vite-plugin-components:transform C:/Franck/cgid/vuejs3/my-vitesse-app3/src/pages/index.vue +18s
  vite-plugin-components:transform | carbon-campsite +1ms
  vite-plugin-components:transform ^ (1) +1ms
  vite-plugin-components:transform C:/Franck/cgid/vuejs3/my-vitesse-app3/src/layouts/default.vue +66ms
  vite-plugin-components:transform | router-view +1ms
  vite-plugin-components:transform | Footer +0ms
  vite-plugin-components:transform ^ (0) +0ms
  vite-plugin-components:transform C:/Franck/cgid/vuejs3/my-vitesse-app3/src/pages/index.vue +53ms
  vite-plugin-components:transform ^ (0) +0ms
  vite-plugin-components:transform C:/Franck/cgid/vuejs3/my-vitesse-app3/src/layouts/home.vue +1s
  vite-plugin-components:transform | router-view +0ms
  vite-plugin-components:transform | Footer +0ms
  vite-plugin-components:transform ^ (0) +0ms

[antfu]

Fixed in vite-plugin-components@0.6.10.

[frck006]

Yes, I confirm, it works. Thank you. (Think to update package.json)