“”后的CSS无效：预期为1个选择器或规则，Vue Js

Question

我在我的sass文件中编码，但是未能在App.Vue中对其进行编译 它显示跟随错误。已安装Sass，sass-loader软件包。

Invalid CSS after " ": expected 1 selector or at-rule, was "{    $primary: #1ec"
      in F:\Vue Projects\vue-app-two\src\mq.sass (line 1, column 1)

我是这方面的初学者，所以如果您需要更多信息，请询问。

这是sass文件。

$primary: #1ec !default

$tablet: 769px !default

$desktop: 1000px !default

$widescreen: 1192px !default

$fullhd: 1384px !default

=mobile
    @media screen and (max-width: $tablet - 1px)
        @content

=tablet
    @media screen and (max-width: $tablet),print
        @content

=tablet-only
    @media screen and (max-width: $tablet) and (max-width: $desktop -1px)
        @content

=desktop
    @media screen and (max-width: $desktop)
        @content

=desktop-only
    @media screen and (max-width: $desktop) and (max-width: $widescreen -1px)
        @content