尝试编译sass时出现无效css错误

我是sass新手，在下载了bulma、安装了gem和sass之后，我尝试用

sass style.scss style.css

编译一个默认的sass文件，下面是我的目录结构

但我得到的错误如下：

/*
Error: Invalid CSS after "$pink": expected selector or at-rule, was ": #ffb3b3 "
        on line 2 of styles.scss

1: $blue: #72d0eb 
2: $pink: #ffb3b3 
3: $orange: #FFA500
4: $family-serif: "Georgia", serif
5: 
6: $danger: $orange
7: $family-primary: $family-serif 

Backtrace:
styles.scss:2
/usr/local/share/gems/gems/sass-3.4.23/lib/sass/scss/parser.rb:1207:in `expected'
/usr/local/share/gems/gems/sass-3.4.23/lib/sass/scss/parser.rb:1137:in `expected'
/usr/local/share/gems/gems/sass-3.4.23/lib/sass/scss/parser.rb:42:in `parse'
/usr/local/share/gems/gems/sass-3.4.23/lib/sass/engine.rb:406:in `_to_tree'
/usr/local/share/gems/gems/sass-3.4.23/lib/sass/engine.rb:381:in `_render_with_sourcemap'
/usr/local/share/gems/gems/sass-3.4.23/lib/sass/engine.rb:298:in `render_with_sourcemap'
/usr/local/share/gems/gems/sass-3.4.23/lib/sass/exec/sass_scss.rb:391:in `run'
/usr/local/share/gems/gems/sass-3.4.23/lib/sass/exec/sass_scss.rb:63:in `process_result'
/usr/local/share/gems/gems/sass-3.4.23/lib/sass/exec/base.rb:52:in `parse'
/usr/local/share/gems/gems/sass-3.4.23/lib/sass/exec/base.rb:19:in `parse!'
/usr/local/share/gems/gems/sass-3.4.23/bin/sass:13:in `<top (required)>'
/usr/local/bin/sass:23:in `load'
/usr/local/bin/sass:23:in `<main>'
*/
body:before {
  white-space: pre;
  font-family: monospace;
  content: "Error: Invalid CSS after \"$pink\": expected selector or at-rule, was \": #ffb3b3 \"\A         on line 2 of styles.scss\A \A 1: $blue: #72d0eb \A 2: $pink: #ffb3b3 \A 3: $orange: #FFA500\A 4: $family-serif: \"Georgia\", serif\A 5: \A 6: $danger: $orange\A 7: $family-primary: $family-serif "; }

/*
错误：“$pink”后的CSS无效：应为选择器或at规则，was:#FFB3”
在styles.scss的第2行
1:$蓝色：#72d0eb
2:$粉色：#ffb3b3
3美元：橙色：#500美元
4:$家庭衬线：“格鲁吉亚”，衬线
5: 
6:$danger:$orange
7:$family primary:$family serif
回溯：
样式。scss:2
/usr/local/share/gems/gems/sass-3.4.23/lib/sass/scss/parser.rb:1207:in'expected'
/usr/local/share/gems/gems/sass-3.4.23/lib/sass/scss/parser.rb:1137:in'expected'
/usr/local/share/gems/gems/sass-3.4.23/lib/sass/scss/parser.rb:42:in'parse'
/usr/local/share/gems/gems/sass-3.4.23/lib/sass/engine.rb:406:in`_to_tree'
/usr/local/share/gems/gems/sass-3.4.23/lib/sass/engine.rb:381:在“使用源地图渲染”中
/usr/local/share/gems/gems/sass-3.4.23/lib/sass/engine.rb:298:in“使用源地图渲染”
/usr/local/share/gems/gems/sass-3.4.23/lib/sass/exec/sass_scss.rb:391:in'run'
/usr/local/share/gems/gems/sass-3.4.23/lib/sass/exec/sass_scss.rb:63：“过程中的结果”
/usr/local/share/gems/gems/sass-3.4.23/lib/sass/exec/base.rb:52:in'parse'
/usr/local/share/gems/gems/sass-3.4.23/lib/sass/exec/base.rb:19:in'parse！'
/usr/local/share/gems/gems/sass-3.4.23/bin/sass:13:in`'
/usr/local/bin/sass:23:在“加载”中
/usr/local/bin/sass:23:in`'
*/
身体：以前{
空白：预处理；
字体系列：monospace；
内容：“错误：无效CSS在“$pink\”之后：应为选择器或at规则，在样式的第2行上为“：”ffb3b3\”\A。scss\A\A 1:$blue:$72d0eb\A 2:$pink:$ffb3b3\A 3:$orange:$FF500\A 4:$family serif:“Georgia\”，serif\A 5:$A 6:$danger:$orange\A 7:$family primary:$family serif”}

---

我似乎找不到解决此问题的方法

尝试用分号（；）终止该行

比如说-

$font-stack:    Helvetica, sans-serif;
$primary-color: #333;

您正在编译一个真正的Sass文件，其中包含（并没有大括号，并没有分号，仅缩进就足够了）。
但是文件的扩展名是

*.scss

，表示类似CSS的语法（有一个c，请参见^^）

使用a将文件重命名为

style.sass

，或者像编写CSS一样编写样式（但使用此预处理器提供的嵌套规则、变量等：）

Sass编译器编译Sass缩进语法和Scss one，这并不简单

编辑：尝试编译一个简单的CSS文件（没有变量，没有混合，没有嵌套，只有CSS），重命名为

.scss

。CSS的有效性较低，而Scss的有效性较低，因此如果它不编译，则问题不在于您的文件。

---

您也可以尝试在中编译文件内容并使用选项。

我尝试过，我甚至创建了两个文件

style.sass

和

style.scss

，并在变量值的末尾加上分号，但我得到的错误是无效的css，

预期表达式（例如1px，粗体）是“在styles.sass

的第1行，如果您在最后一个示例中签出，我不明白，这表明我需要将代码包括在我的“sass”文件中，这只能意味着

foo.sass

至于缩进，我只是照样复制粘贴它。我还能做什么呢？我也会这么做。但是，请测试编译器是否可以使用重命名为

*.scss

的CSS文件。如果在第一行之后添加变量，然后尝试编译该文件，会发生什么情况？