Ruby SASS错误：在“之后的CSS无效”&引用；：预期的媒体查询列表为“was”&引用；仅屏幕显示一个…”；

如果我调用SASS命令，如下所示：

call sass C:\Users\simon\source\repos\Pippo\ClickR\\Styles\main.scss C:\Users\simon\source\repos\Pippo\ClickR\\Styles\main.css

我得到以下错误：

Error: Invalid CSS after "": expected media query list, was ""only screen an..."
    on line 348 of C:/Users/simon/source/repos/Pippo/ClickR/Styles/foundation/components/_top-bar.scss
    from line 22 of C:/Users/simon/source/repos/Pippo/ClickR/Styles/_foundation.scss
    from line 3 of C:\Users\simon\source\repos\Pippo\ClickR\\Styles\main.scss
    Use --trace for backtrace.

以下是生成错误的代码：

\u顶栏.scss

....
$topbar-media-query: "only screen and (min-width:"#{$topbar-breakpoint}")" !default;
....
@media #{$topbar-media-query} {
.top-bar {
  background: $topbar-bg;
  @include clearfix;
  overflow: visible;

  .toggle-topbar { display: none; }

  .title-area { float: $default-float; }
  .name h1 a { width: auto; }

  input,
  .button {
    line-height: 2em;
    font-size: emCalc(14px);
    height: 2em;
    padding: 0 10px;
    position: relative;
    top: 8px;
  }

  &.expanded { background: $topbar-bg; }
}
....

我怎样才能解决它？ 谢谢

---

Simone

问题只是分配给

$topbar media query

的语法错误

您应该在字符串中转义双引号，或者使用双引号

在您的示例中，

minwidth

不需要字符串，因此更简单的方法是：

而不是

$topbar媒体查询：“仅屏幕和（最小宽度：{$topbar断点}”）”！违约

试一试

$topbar媒体查询：“仅屏幕和（最小宽度：#{$topbar断点}）”！违约

您应该包括有问题的SCSS文件的内容。@pdoherty926:Done您应该详细说明您的答案如何解决导致意外行为的问题。@pdoherty926完成。谢谢，我认为在这样一个简单的案例中，解决方案是不言自明的。