Question

我已经在angular 4中创建了一个空白项目，我正在尝试设计它，但是当我添加sass并运行项目时，sass无法正常工作

body{
    h1{
        color : red;
    }
}
    ^
      Invalid CSS after "body{": expected "}", was "{"
      in C:projectname/src\styles.sass (line 1, column 6)

我的index.html代码是

<body>
  <h1>Here</h1>
</body>

任何帮助将不胜感激

Answer 1

基于错误消息（C：projectname / src \ styles.sass），似乎您正在对.sass文件使用SCSS扩展名。将文件名更改为styles.scss。

Sass和SCSS使用两种不同且不兼容的语法。

Sass有两种语法。第一个称为 SCSS   （Sassy CSS），并在整个本参考文献中使用，是对   CSS的语法。这意味着每个有效的CSS样式表都是有效的   具有相同含义的SCSS文件。 Sass增强了此语法   下述功能。使用此语法的文件带有.scss   扩展名。

第二和旧语法，称为缩进语法（或   有时只是“ Sass”），提供了一种更简洁的CSS编写方式。它   使用缩进而不是方括号来表示嵌套   选择器和换行符，而不是分号来分隔属性。   使用此语法的文件扩展名为.sass。

无法在Angular 4中添加Sass

1 个答案: