Question

当我尝试编译资产时，我在rails应用程序上安装了Metroic主题。

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。它按预期工作

Rails：SassC :: SyntaxError：错误：“ ... ia screen \\ 0和”之后的无效CSS：预期“ {”，是“（min-width：769px）{”

1 个答案: