Question

我正在使用typescript Application创建一个Angular4，并且遇到.scss文件的问题。我有一个名为src / styles / _1_colors.scss的文件。我在所有文件中都使用这种风格。

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

我在styles.scss中写了这个：

@import＆＃34; styles / _1_colors＆＃34;;

它并没有给我一个错误，所以路径是正确的。我试图使用_1_colors中存在的变量：$ bms_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".

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

如果您可以向我提供一些更好的来源或解释。谢谢！

Answer 1

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

我发现您的文件query.component.scss不在/styles文件夹下。因此，您可能必须根据文件夹结构导入_1_colors.scss。

使用styles.scss中的变量到组件中。 Angular4

1 个答案: