Ruby on rails Rails Sass媒体查询变量导致Heroku推送失败

我正在使用Sass指令/变量定义媒体查询的屏幕大小。但是，我的应用程序在推送到Heroku时无法编译

Heroku生成日志中出现错误

雷克流产了！Sass:：SyntaxError:“…ia（最大宽度：”：预期表达式（例如1px，粗体）后的CSS无效，为“@screen xs max”{” /tmp/BUILD79AF97993079746252714C06EE51080/bizdesc-com-bizdesc-276487d/app/assets/stylesheets/page.scss:2 /tmp/build_79AF9799307974644252714C06EE51080/bizdesc-com-bizdesc-276487d/app/assets/stylesheets/application.scss:5

第五行是我的SCSS文件中的这一行：@media（最大宽度：@screen xs max）{…}

My page.scss文件

/* Extra small devices (phones, less than 768px) */   
@media (max-width: @screen-xs-max) { ... }

/* Small devices (tablets, 768px and upto desktops, 992px) */   
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }

/* Medium devices (desktops, 992px and upto large desktops, 1200px) */   
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }

/* Large devices (large desktops, 1200px and up) */   
@media (min-width: @screen-lg-min) { ... }

---

使用

$

而不是

@

@media (max-width: $screen-xs-max)

---

由于印刷错误，我投票决定结束（提示：这不是引用变量的方式）.@cimmamon我认为回答这个问题会更有用，比如如何引用变量。@MaxWilliams回答这个问题对未来的用户没有任何用处，这就是为什么我们关闭由印刷错误引起的问题。@cimmanon写了一个

@

，而不是像海报那样写了6次

$

这里，表示理解错误，而不是印刷错误：没有人会重复六次相同的印刷错误。回答他们的问题可以纠正这个错误，将来其他人也可能会犯同样的错误。我同意，问题往往看起来很简单，没有任何价值，但我认为这是否是cas是有争议的e这里。所以，这里的问题是与SASS的混合较少，因此，在SASS中，我需要将@更改为$，首先在某个地方定义变量。@bir_-ham它解决了你的问题吗？是的。我与SASS的混合较少，因此，在SASS中，我需要将@更改为$，首先在某个地方定义变量。