ruby-on-rails - Rails:SassC::SyntaxError:错误: "...ia screen\\0 and"之后无效的 CSS:预期为 "{"，为 "(min-width:769px) {"

Question

我在 rails 应用程序上安装了 metroic 主题，当我尝试编译 Assets 时遇到问题。

rake aborted!
SassC::SyntaxError: Error: Invalid CSS after "...ia screen\\0 and": expected "{", was "(min-width:769px) {"
        on line 17614 of stdin
>> @media screen\0 and (min-width:769px) {

   -------^

调试后发现问题出在以下函数中

@media screen\0 and (max-width:768px) {
    .m-grid.m-grid--ver-mobile.m-grid--mobile>.m-grid__item.m-grid__item--fluid,
    .m-grid.m-grid--ver-mobile.m-grid--mobile>.m-grid__item.m-grid__item--fluid-mobile {
        min-width: none
    }
}

@media screen\0 and (max-width:1024px) {
    .m-grid.m-grid--ver-tablet-and-mobile.m-grid--tablet-and-mobile>.m-grid__item.m-grid__item--fluid,
    .m-grid.m-grid--ver-tablet-and-mobile.m-grid--tablet-and-mobile>.m-grid__item.m-grid__item--fluid-tablet-and-mobile {
        min-width: none
    }
}

谁能解释为什么这个函数无法编译是什么问题？

Answer 1

以我为例，临时解决方案:

我将 application.scss 更改为 application.css。它按预期工作