javascript - Sass错误: Undefined variable: "$main-background-color"

标签 javascript css reactjs sass

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

这是我的元素结构:

project structure

我将 _variables.scssstyles.scss 导入到主 index.scss 文件中:

index.scss

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

最佳答案

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

关于javascript - Sass错误: Undefined variable: "$main-background-color",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60354556/

相关文章:

javascript - 了解 node.js 的某些方面

javascript - 用 "..."替换 overflow hidden

javascript - 在 React 中映射 JSON 数组时如何使用 onClick 定位列表中的单个项目

javascript - 如何定位在 php 中没有任何 ID 或标记的 <span> 元素的 innerHTML?

Javascript - 使用reduce()或其他一些内置方法对数组中的几个数字求和

javascript - 将参数传递给 css :not selector

html - 使用 mixins 制作网格

javascript - !important 规则可以用在 IE 的 CSS 表达式中吗?

javascript - 这个 rxjs 合并逻辑可以简化吗?

javascript - 样式未在组件中更新 - React