Angular 将styles.scs中的变量用于组件。角4

我正在使用typescript应用程序创建Angular4，并且.scss文件有问题。 我有一个名为src/styles/_1_colors.scss的文件。我在所有文件中都使用这种样式

styles.scss文件工作正常，已添加到angular cli中

我在styles.scss中写了以下内容：

@导入“样式/颜色”

它不会给我一个错误，所以路径是正确的。 我试图使用一个存在于颜色中的变量：$bms\u darkblue 在名为src/app/search/query/query.component.scss的文件中。我收到了这个错误

ERROR in ./src/app/search/query/query.component.scss
Module build failed:
       color: $bms_darkblue;
             ^
      Undefined variable: "$bms-darkblue".

但我不明白为什么一切似乎都是正确的。 任何想法都会有帮助。 我认为问题在于component.scss是在style.scss之前加载的

如果你能为我提供一些更好的来源或解释。 谢谢大家!

src/styles/_1_colors.scss
src/app/search/query/query.component.scss

---

我看到您的文件

query.component.scss

不在

/styles

文件夹下。因此，您可能必须根据文件夹结构导入

\u 1\u colors.scss

您应该在

query.component.scss

为什么中添加导入？我想让它全球化。这意味着我想将其添加到我的代码中一次，并对我所知不可能的所有其他文件可见，这违背了Angularhimmm基于组件/模块的理念，您能（如果有）为我提供一些资源吗？您可以阅读此问题：）我知道，我做到了，但我正试图找到一种方法，将其一次性全局添加到所有其他组件中