Javascript “后的CSS无效”&引用；：应为1个选择器或at规则，Vue Js

我在我的sass文件中编码，但未能在App.Vue中编译它 它显示以下错误。已安装的Sass、Sass加载程序包

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

---

这里的问题很可能是

{

您可以在引起问题的字符串的开头看到。因为我在您的代码中没有看到它，所以我假设它出现在包含此文件的位置。因此，您可以建议我下一步做什么。我已经做了建议的更改，但输出仍然相同。我已将此文件作为@import'../mq'包含；您可以共享此文件吗完成导入此文件的sass/scss文件？如果它包含在组件的样式部分，请将样式部分添加到您的答案中。我将其包含在App.vue中。这是样式部分导入“./node\u modules/bulma/bulma.sass”；导入“mq”；//因为它位于我的根目录中，而App.vue也位于根目录中