Live Sass编译器在SASS代码上引发错误

Question

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

answerdf = df.loc[df[haversine((df['1st_latitude'], df['1st_longitude']),(df['2nd_latitude'], df['2nd_longitude']) , unit='mi') > 100]]

错误：

$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

在Codepen.io SASS编译器中，此代码有效。

Answer 1

您似乎混淆了SASS和SCSS语法。在您的情况下，应使用mixins声明=并将其包含在+中：

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

body
  +Sans-Serif

您可以检查两种语法here之间的区别。

Answer 2

您的代码段适用于VS Code。

在工作区中未检测到问题。