我在编译 SASS 时出现错误，预期新行

Question

我遇到了问题，我的 SASS 不仅会编译，而且会显示相同的错误：预期的新行

#topper, h3 {    
    text-align: center;
    text-decoration:underline;
}

.list-group{
    .active{
        text-decoration: underline;
        font-weight:bold
    }
}

错误显示。尝试了一切，甚至删除左大括号并将其放在新行中

  ?
1 ? #topper, h3 {
  ?             ^
  ?
  home.sass 1:13  root stylesheet

Answer 1

您只需将文件扩展名从 *.sass 重命名为 *.scss 即可通过 SCSS 编译选项来编译您的文件。

我用过 sass dart。

sass \source\style1.scss \result\style1.css

Answer 2

根据Sass-lang.com和@Nit的评论，您选择了错误的编译选项。

这是 SCSS

@mixin button-base() {
  @include typography(button);
  @include ripple-surface;
  @include ripple-radius-bounded;

  display: inline-flex;
  position: relative;
  height: $button-height;
  border: none;
  vertical-align: middle;

  &:hover { cursor: pointer; }

  &:disabled {
    color: $mdc-button-disabled-ink-color;
    cursor: default;
    pointer-events: none;
  }
}

在 SASS 中相同

@mixin button-base()
  @include typography(button)
  @include ripple-surface
  @include ripple-radius-bounded

  display: inline-flex
  position: relative
  height: $button-height
  border: none
  vertical-align: middle

  &:hover
    cursor: pointer

  &:disabled
    color: $mdc-button-disabled-ink-color
    cursor: default
    pointer-events: none