在从4.1导轨移动到6.0的过程中，错误：sass文件中出现了“ ...”之后的CSS无效：预期为“}”

Question

我已经将一个项目从4.1 rails替换为6.0。移动sass文件时发生错误：

SassC :: SyntaxError

错误：“ ... px＃0088cc;}}”之后的无效CSS：应为“}”，是“＆.editable-open：hov”

这是我的SASS代码：

   a
     &.editable
       text-decoration: none
       border-bottom: dashed 1px #0088cc
       &:hover
         text-decoration: none
         border-bottom: dashed 1px #0088cc
     &.editable-open:hover!

这是我使用的宝石：

• gem'sprockets-rails'，要求：'sprockets / railtie'
• gem'sass-rails'
• gem'compass-rails'

知道发生了什么吗？

Answer 1

这里的问题是，您使用缩进的sass语法而不是scss，并且编译器正在尝试将其编译为SCSS，它是CSS的超集。 AFAIK sassc-rails仅使用一种语法，并且不会基于文件扩展名进行切换。

您可以通过设置config.sass.preferred_syntax = :sass来更改首选语法。或者，您可能想使用一种工具将文件转换为SCSS，这会变得更加流行，并且可能会为将来提供更多的证明。

https://github.com/rails/sass-rails#configuration