使用node-sass编译CSS时格式无效

Question

在使页面响应时出现错误。 我正在使用@mixin使之成为可能。

@mixin mediaSm{
  @mixin screen and (max-width:768px) {
    @content;

  }
}

@mixin mediaMd{
  @mixin screen and (max-width:500px) {
    @content;

  }
}
@mixin mediaLg{
  @mixin screen (min-width:769px) and (max-width:1170px) {
    @content;

  }
}
@mixin mediaSm{
  @mixin screen and (min-width:500px) {
    @content;

  }
}

我收到一条错误消息，提示格式错误，在“和”之后应该有“ {”。 我正在使用Ubuntu，但是相同的代码在Windows 10中没有显示出某种错误。

  

{“状态”：1，“文件”：   “ /opt/lampp/htdocs/my_portfolio/scss/_config.scss”，“行”：34，
  “ column”：10，“ message”：“ \” @ mixin screen \之后的无效CSS“：   预期的\“ {\”为\“，并且（max-width：768p \”“”，“ formatted”：“错误：   \“ @ mixin screen \”之后的CSS无效：预期的\“ {\”为\“，   （最大宽度：768p \“ \ n在以下位置的scss / _config.scss \ n   scss / main.scss \ n >> @mixin屏幕的第一行   （max-width：768px）{\ n \ n --------- ^ \ n“}