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)
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).
If I use the settings without partial _, i get the following error message:
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
_settingsit works. Nice 😃 Thank youI’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.7and make sure to remove the^instead of: