【问题标题】:Angular 6sass global variablesAngular 6sass 全局变量
【发布时间】: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 文件加载到您的组件中。

标签: css angular sass


【解决方案1】:

您必须使用该变量在 component.scss 文件的开头导入具有定义变量的文件:

@import 'your-file-name';

background-color: $color-redpink-dark;

【讨论】:

    猜你喜欢
    • 2017-02-08
    • 1970-01-01
    • 2018-09-13
    • 2019-01-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-10-07
    • 1970-01-01
    相关资源
    最近更新 更多