小编sac*_*aci的帖子

在 Angular 组件中导入 SCSS 颜色变量不起作用

我正在创建一个 Angular 9 应用程序,我的文件夹结构如下所示:

| app
  | app.component.ts
  | app.component.html
  | app.component.scss
| assets
  | _colors.scss
Run Code Online (Sandbox Code Playgroud)

_colors.scss文件中我定义了两种颜色:

$red: #DA0000;
$blue: #1080E1;
Run Code Online (Sandbox Code Playgroud)

app.component.scss我导入并使用这样的颜色:

@import '../assets/colors';

.some-class {
  background-color: $blue;
}
Run Code Online (Sandbox Code Playgroud)

但这不起作用,颜色没有应用。并且没有错误。VSCode intellisense 帮助我设置导入路径,因此路径没问题。如果我尝试使用未定义的颜色(就像$black我收到错误一样),那么导入似乎正在工作,但颜色未应用。我在这里缺少什么?有任何想法吗?提前致谢。

sass angular angular9

1
推荐指数
1
解决办法
4920
查看次数

标签 统计

angular ×1

angular9 ×1

sass ×1