Stucks while building on Windows

[sibbng]

Using v0.2.10 with vitesse, after running build script, vite is stucks at Building for production... step on Windows 10.

[antfu]

Can you try to run cross-env DEBUG=vite-plugin-components:* yarn dev and share me the output? It's problem been some path resolving problems.

[sibbng]

yarn run v1.22.4
$ vite -p 3333 --open
vite v1.0.0-rc.4
  vite-plugin-components:glob searching start with: [src/components/**/*.vue] +0ms
  vite-plugin-components:glob 2 components found. +247ms
  vite-plugin-components:context:components Set { '/src/components/Footer.vue', '/src/components/Icon.vue' } +0ms

  Dev server running at:
  > Network:  http://192.168.1.21:3000/
  > Local:    http://localhost:3000/

vite-plugin-components:watcher:add src\components\Footer.vue +0ms
  vite-plugin-components:context:components Set {
  vite-plugin-components:context:components   '/src/components/Footer.vue',
  vite-plugin-components:context:components   '/src/components/Icon.vue',
  vite-plugin-components:context:components   '/src\\components\\Footer.vue'
  vite-plugin-components:context:components } +101ms
[vite-plugin-components] component "Footer"(/src\components\Footer.vue) has naming conflicts with other components, ignored.
  vite-plugin-components:watcher:add src\components\Icon.vue +11ms
  vite-plugin-components:context:components Set {
  vite-plugin-components:context:components   '/src/components/Footer.vue',
  vite-plugin-components:context:components   '/src/components/Icon.vue',
  vite-plugin-components:context:components   '/src\\components\\Footer.vue',
  vite-plugin-components:context:components   '/src\\components\\Icon.vue'
  vite-plugin-components:context:components } +11ms
[vite-plugin-components] component "Footer"(/src\components\Footer.vue) has naming conflicts with other components, ignored.
[vite-plugin-components] component "Icon"(/src\components\Icon.vue) has naming conflicts with other components, ignored.
  vite-plugin-components:transform:script src\App.vue +0ms
  vite-plugin-components:transform:template src\App.vue [ 'router-view', 'Footer' ] +0ms
  vite-plugin-components:resolver src\App.vue +0ms
  vite-plugin-components:resolver using [ 'RouterView', 'Footer' ] imported [ 'Footer' ] +8ms

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

  vite-plugin-components:transform:script src\components\Footer.vue +1s
  vite-plugin-components:transform:template src\components\Footer.vue [ 'Icon' ] +1s
  vite-plugin-components:resolver src\components\Footer.vue +1s
  vite-plugin-components:resolver using [ 'Icon' ] imported [ 'Icon' ] +3ms
  vite-plugin-components:transform:script src\components\Icon.vue +145ms

warn - You have enabled experimental features: applyComplexClasses, uniformColorPalette, extendedSpacingScale, defaultLineHeights, extendedFontSizeScale
warn - Experimental features are not covered by semver, may introduce breaking changes, and can change at any time.
  vite-plugin-components:transform:template src\components\Icon.vue [] +838ms
  vite-plugin-components:resolver src\components\Icon.vue +838ms
  vite-plugin-components:resolver using [] imported [] +0ms
  vite-plugin-components:resolver src\App.vue +8ms
  vite-plugin-components:resolver using [ 'RouterView', 'Footer' ] imported [ 'Footer' ] +1ms
  vite-plugin-components:resolver src\components\Footer.vue +40ms
  vite-plugin-components:resolver using [ 'Icon' ] imported [ 'Icon' ] +0ms
  vite-plugin-components:resolver src\components\Icon.vue +22ms
  vite-plugin-components:resolver using [] imported [] +3ms
  vite-plugin-components:transform:script src\pages\index.vue +4s
  vite-plugin-components:transform:template src\pages\index.vue [ 'Icon' ] +4s
  vite-plugin-components:resolver src\pages\index.vue +3s
  vite-plugin-components:resolver using [ 'Icon' ] imported [ 'Icon' ] +9ms
  vite-plugin-components:resolver src\pages\index.vue +12ms
  vite-plugin-components:resolver using [ 'Icon' ] imported [ 'Icon' ] +0ms

[sibbng]

If it helps: here it is debug output of yarn build

yarn run v1.22.4
$ cross-env NODE_ENV=production vite build
vite v1.0.0-rc.4
  vite-plugin-components:glob searching start with: [src/components/**/*.vue] +0ms
Building for production...
  vite-plugin-components:glob 2 components found. +17ms
  vite-plugin-components:context:components Set { '/src/components/Footer.vue', '/src/components/Icon.vue' } +0ms

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

  vite-plugin-components:transform:script src\pages\index.vue +0ms
  vite-plugin-components:resolver srcpagesindex.vue +0ms
  vite-plugin-components:transform:template src\pages\index.vue [ 'Icon' ] +0ms
  vite-plugin-components:transform:script src\pages\[...all].vue +30ms
  vite-plugin-components:resolver srcpages[...all].vue +28ms
  vite-plugin-components:transform:template src\pages\[...all].vue [] +7ms
  vite-plugin-components:transform:script src\pages\hi\[name].vue +11ms
  vite-plugin-components:resolver srcpageshi[name].vue +11ms
  vite-plugin-components:transform:template src\pages\hi\[name].vue [ 'Icon' ] +14ms
  vite-plugin-components:transform:script src\App.vue +349ms
  vite-plugin-components:resolver srcApp.vue +349ms
  vite-plugin-components:transform:template src\App.vue [ 'router-view', 'Footer' ] +345ms

warn - You have enabled experimental features: applyComplexClasses, uniformColorPalette, extendedSpacingScale, defaultLineHeights, extendedFontSizeScale
warn - Experimental features are not covered by semver, may introduce breaking changes, and can change at any time.

[antfu]

So is the dev works fine but stuck on build?

[sibbng]

So is the dev works fine but stuck on build?

Yes.

[antfu]

I don't have a Windows with me for now. If it's possible, can you clone the repo can try with pnpm dev + cd test/fixture && pnpm dev in sperate consoles. And try to tweak this function to see how to fix it?

https://github.com/antfu/vite-plugin-components/blob/9e1da21424d110288c163cbe76576d0fa3c3f90d/src/context.ts#L93-L95

Or I can do that myself later if your can't. Thanks :)

[antfu]

Think about trying something like xx.replace(\\\\g, '/') but not sure if it gonna work

[sibbng]

https://github.com/antfu/vite-plugin-components/blob/9e1da21424d110288c163cbe76576d0fa3c3f90d/src/context.ts#L101-L103

Replacing these lines with this fixes issue:

 relative(path: string) {
    return relative(this.root, path).replace(/\\/g, '/')
  }

[antfu]

Great! Would you like to file a quick PR? Thanks!