Question

我有一个angaular cli应用程序。现在我想让它与sass兼容。但它没有发生。

这是我的.ts文件

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title = 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry';
}

我在commad行中运行代码集defaults.styleExt scss 然后在angular.cli.json中更新它。然后我手动将app.component.css重命名为app.component.scss。

我的.css文件是这样的。

$primary-color:red;

.head{
   color: $primary-color; 
}

我的.html文件位于

之下

<div class="head">
  {{title}}
</div>

但是在编译时我遇到了错误。错误如下无法解析app.component.scss.Field浏览器不包含有效的别名配置。请帮助我。提前谢谢？

Answer 1

首先，更改angular-cli.json中的CSS文件扩展名：

"defaults": {
  "styleExt": "scss",
  "component": {}
}

接下来，重命名您的文件！

app.component.css --> app.component.scss

编辑您是否尝试将其关闭再打开？重新启动ng serve！

如何使用SCSS Support项目转换现有项目？

1 个答案: