Build and dev mode are slow and got errors in logs when importing Vuetify 3 with Vite-plugin-vuetify

Environment

• Operating System: Darwin
• Node Version: v18.10.0
• Nuxt Version: 3.0.0-rc.13
• Nitro Version: 0.6.1
• Package Manager: npm@8.19.2
• Builder: vite
• User Config: app, runtimeConfig, build, vite, imports, modules
• Runtime Modules: (), @pinia/nuxt@0.4.3
• Build Modules: -

Reproduction

Here the link of the stackblitz: https://stackblitz.com/edit/github-2wrsdj?file=nuxt.config.ts

I tried to clean and keep only the concerned code.

Below, the code that make the bug:

nuxt-config.ts

Describe the bug

Hello,

i have this logs on dev mode and build time, from rc-11 to the rc-13 ( _thanks a lot for your work by the way ) . It make the build and the dev mode slow.

I don’t know why, it seems like it doesn’t find vuetify components on SSR during the build time and npm run dev.

When i start the dev, the rendering is good after hydration.

...
[Vue Router warn]: No match found for location with path "/_nuxt/%EF%BF%BDplugin-vuetify:components/VMain/VMain.sass"
...
[Vue Router warn]: No match found for location with path "/_nuxt/%EF%BF%BDplugin-vuetify:components/VPagination/VPagination.sass"
[Vue Router warn]: No match found for location with path "/_nuxt/%EF%BF%BDplugin-vuetify:components/VParallax/VParallax.sass"
...etc

Do you have any idea ? What i’m doing wrong ? I’m not sure this is a bug or a misunderstanding by me. All the currents tuto on vuetify 3 / nuxt 3 just explain how to use it but none of them are talking about custom css that need to be import on vite:extendConfig

exemple https://www.the-koi.com/projects/how-to-set-up-a-project-with-nuxt3-and-vuetify3-with-a-quick-overview/

Hope there will be an official integration of vuetify 3 / nuxt 3

Thank you for your help.

Additional context

No response

Logs

[Vue Router warn]: No match found for location with path "/_nuxt/%EF%BF%BDplugin-vuetify:styles/main.sass"
[Vue Router warn]: No match found for location with path "/_nuxt/%EF%BF%BDplugin-vuetify:styles/main.sass"
[Vue Router warn]: No match found for location with path "/_nuxt/%EF%BF%BDplugin-vuetify:styles/main.sass"
[Vue Router warn]: No match found for location with path "/_nuxt/%EF%BF%BDplugin-vuetify:styles/main.sass"
[Vue Router warn]: No match found for location with path "/_nuxt/%EF%BF%BDplugin-vuetify:components/VApp/VApp.sass"
[Vue Router warn]: No match found for location with path "/_nuxt/%EF%BF%BDplugin-vuetify:components/VApp/VApp.sass"
[Vue Router warn]: No match found for location with path "/_nuxt/%EF%BF%BDplugin-vuetify:components/VApp/VApp.sass"
[Vue Router warn]: No match found for location with path "/_nuxt/%EF%BF%BDplugin-vuetify:components/VApp/VApp.sass"
[Vue Router warn]: No match found for location with path "/_nuxt/%EF%BF%BDplugin-vuetify:components/VAppBar/VAppBar.sass"
[Vue Router warn]: No match found for location with path "/_nuxt/%EF%BF%BDplugin-vuetify:components/VAppBar/VAppBar.sass"
[Vue Router warn]: No match found for location with path "/_nuxt/%EF%BF%BDplugin-vuetify:components/VAppBar/VAppBar.sass"
[Vue Router warn]: No match found for location with path "/_nuxt/%EF%BF%BDplugin-vuetify:components/VAppBar/VAppBar.sass"

....

[carlosmouracorreia]

I’m having the same output/error and get 404 errors on the browser console when running npm run dev.

The error appears only when having a specific configuration file for styles - i.e, doesn’t happen when pushing vuetify onto Vite plugins without arguments.

I followed the same tutorial and I’m not sure what’s the correct way of importing vuetify via Vite yet, so it might be related.

[alexMugen]

The problem is still here with Nuxt 3.0.0 stable right @alexMugen ? I got an email saying you fixed it but I assume you deleted the comment? Cheers

Yes it’s still here unfortunately