小编Joe*_*oel的帖子

我正在尝试在 Vue 3、Vuetify 3、Vite 构建中实现 SASS 变量，但遇到了有关未使用 !default 声明变量的错误

我按照Vuetify 3 文档中的说明设置 SASS 变量，并尝试为扩展面板活动标题高度设置变量覆盖

// src/styles/settings.scss
@use 'vuetify/styles' with (
  $expansion-panel-active-title-min-height: 48px
)

// vite.config.ts
...
plugins: [
  vue(),
  vuetify({
     styles: { configFile: "src/styles/settings.scss" }
  })
]

我最初尝试使用@use 'vuetify/settings'这些设置，但这没有改变。但如果我保留这个，构建就会失败Error: This variable was not declared with !default in the @used module

对我做错的事情的任何帮助将不胜感激，我不确定我是否遗漏了某些内容或者只是误读了文档