@fastify/vue Smart Import doesn't resolve path in windows

[agorem]

Prerequisites

• I have written a descriptive issue title
• I have searched existing issues to ensure the bug has not already been reported

Fastify version

4.26.2

Plugin version

6.0.6

Node.js version

20.10.0

Operating system

Windows

Operating system version (i.e. 20.04, 11.3, 10)

11

Description

Hi,

I have downloaded in my Win11 laptop the starter project vue-kitchensink.

After installing the node modules, when I run npm run dev I get loads of errors related with the Smart import URL resolution :

Below you have some examples:

12:54:15 [vite] Pre-transform error: Failed to load url ./$_dev/$_js_projects/vue-kitchensink/C:/$_dev/$_js_projects/vue-kitchensink/client/pages/index.vue (resolved id: ./$_dev/$_js_projects/vue-kitchensink/C:/$_dev/$_js_projects/vue-kitchensink/client/pages/index.vue) in /:routes.js. Does the file exist?
12:54:15 [vite] Pre-transform error: Failed to load url ./$_dev/$_js_projects/vue-kitchensink/C:/$_dev/$_js_projects/vue-kitchensink/client/pages/form/[id].vue (resolved id: ./$_dev/$_js_projects/vue-kitchensink/C:/$_dev/$_js_projects/vue-kitchensink/client/pages/form/[id].vue) in /:routes.js. Does the file exist?
12:54:15 [vite] Pre-transform error: Failed to load url ./$_dev/$_js_projects/vue-kitchensink/C:/$_dev/$_js_projects/vue-kitchensink/client/pages/client-only.vue (resolved id: ./$_dev/$_js_projects/vue-kitchensink/C:/$_dev/$_js_projects/vue-kitchensink/client/pages/client-only.vue) in /:routes.js. Does the file exist?

Any help??

Steps to Reproduce

Just make a fresh starter install and run

Expected Behavior

The resolved ID path in my project should be: C:/$_dev/$_js_projects/vue-kitchensink/client/** and not ./$_dev/$_js_projects/vue-kitchensink/C:/$_dev/$_js_projects/vue-kitchensink/client/*

[agorem]

Hi,
I think I have located the bug
The problem is in fastify > vue > plugin.cjs globalPattern routing property

The reference to vue pages should be relative and not absolute.

Kind regards...Antonio

[agorem]

In virtual>layout.vue there is the same problem in the layout pattern:
const appLayouts = import.meta.glob('/layouts/*.vue', { eager: true })

[Shyam-Chen]

This is the known issue. (#141)

The issue arises from the injected path:

• https://github.com/fastify/fastify-vite/blob/dev/packages/fastify-react/virtual/routes.js#L5
• https://github.com/fastify/fastify-vite/blob/dev/packages/fastify-vue/virtual/routes.js#L3

I'm currently working on developing another version of vite-plugin-vue-routes and vite-plugin-fastify-routes for use with @fastify/vite.

[agorem]

Thanks @Shyam-Chen,
I'll wait for the update.
Meanwhile, I assume that I can bypass the problem using my own routes,js.

[galvez]

Yes you can!