SassError:未定义的变量:“$ main-background-color”

Kar*_*ren 8 javascript css sass reactjs

我尝试在 LoginPage 组件样式期间使用 CSS 变量,但收到以下错误: SassError: Undefined variable: "$main-background-color". 此错误出现在_styles.scss文件中。

这是我的项目结构:

项目结构

我将_variables.scss和 都导入styles.scss到主index.scss文件中:

索引.scss

导入变量时我做错了什么?为什么我不能在_styles.scss文件中使用它们?

小智 5

我相信如果你想在那里使用它们,你需要_variables.scss直接导入_styles.scss