时间戳

首页 > 解决方案 > Live Sass 编译器在 SASS 代码上抛出错误

plugins - Live Sass 编译器在 SASS 代码上抛出错误

问题描述

当我在 SASS 中学习 mixins 时，我在输出区域遇到了一个错误：

$bg-prm: #2caddd
$bg-sec: #f3f3f3
$bg-def: #454545
$bg-wht: #fff

@mixin Sans-Serif
    font-family: sans-serif

@mixin flex
    display: -webkit-flex
    display: flex

@mixin bgPrimary
    background-color: $bg-prm
    color: $bg-wht

body
    @include Sans-Serif
    .row
        @include flex

.bg-prem
    @include bgPrimary

错误：

Compilation Error
Error: Invalid CSS after "$bg-prm: #2caddd": expected 1 selector or at-rule, was "{}"
    on line 1 of sass/Users/hassan/Desktop/JS_test/style.sass
>> $bg-prm: #2caddd {}

    ---------------^

在 Codepen.io SASS 编译器中，此代码正在运行。

标签： pluginssassvisual-studio-code

解决方案

您似乎混淆了SASS语法SCSS。在您的情况下，您应该声明mixins并=包含它们+：

=Sans-Serif()
  font-family: sans-serif

body
  +Sans-Serif

您可以在此处检查两种语法之间的差异。

推荐阅读