【发布时间】:2019-04-27 00:01:01
【问题描述】:
我在全局scss中定义了一个这样的变量,叫做angular6中的styles.scss
$color-redpink-dark: #E84A5F;
我想在 scss 组件中使用该变量,但是当我声明该属性时,我有下一个输出:
background-color: $color-redpink-dark;
Undefined variable: "$color-redpink-dark".
组件scss不应该使用全局scss中定义的颜色吗?
您好。
【问题讨论】:
-
您能检查一下您的 angular.json 文件,看看您的全局 styles.scss 是否存在吗?
-
@IanP.yep,全局 styles.scss 在那里:
-
你能显示你的styles.scss文件吗?我假设它位于 angular.json 文件中定义的正确文件夹结构中(即,当它在 angular.json 中显示“src/global/styles.scss”时,
styles.scss文件应该在物理上位于src/global 文件夹),所以我想检查一下您是如何声明变量的。如果一切正常,那么您可以使用 @import 命令将您的全局 scss 文件加载到您的组件中。