vuetify: [Bug Report][3.1.8] Error: No known conditions for "./settings" specifier in "vuetify" package

Environment

Vuetify Version: 3.1.8 Last working version: 3.1.7 Vue Version: 3.2.47 Browsers: Firefox 110.0 OS: Windows 10

Steps to reproduce

npm create vuetify npm install -D sass In the file vite.config.ts add styles: { configFile: 'src/settings.scss' } Add the file src/settings.scss with this content for example:

@use  'vuetify/settings'  with (
$field-font-size: 13px,
$label-font-size: 13px,
);

Run vite build Error: No known conditions for “./settings” specifier in “vuetify” package

Expected Behavior

The build should works like in Vuetify 3.1.7

Actual Behavior

The build fails

Reproduction Link

Cannot find a way to reproduce the issue using one of the online editors

About this issue

  • Original URL
  • State: closed
  • Created a year ago
  • Reactions: 17
  • Comments: 19 (8 by maintainers)

Most upvoted comments

they changed the name of the file i had the same issue yesterday (your can look in your node modules to verify).

it should be _settings not settings (note the underscore).

@use  'vuetify/_settings'  with (
$field-font-size: 13px,
$label-font-size: 13px,
);

If I use the settings without partial _, i get the following error message: Screenshot 2023-03-09 at 5 02 54 PM

This is probably caused by the new change https://github.com/vuetifyjs/vuetify/commit/c8b3827c28ddc71bfe94a5eba9fb40b1fd8f5e11

@KaelWD I guess Vite didn’t really provide a stable solution to the issue in the first place. I don’t have problems in using _ but in theory this should work with or without, what do you think?

NOTE -> I am using Nuxt3 so I am using the configFile option.

@Dinuz Yes exactly. Since i rename to _settings it works. Nice 😃 Thank you

I’m using nuxt 3

It’s always been settings. It wasn’t renamed, there was a vite bug preventing it from being resolved correctly.

why do they keep closing issues without updating the documentation?

downgrade to 3.1.7 and make sure to remove the ^

"vuetify": "3.1.7"

instead of:

"vuetify": "^3.1.7"