SassError: Invalid CSS expected expression (e.g. 1px, bold)

Question

我正在学习 sass 的反应，但我收到此错误并且找不到答案。我已经安装了 node-sass 并且编译一切正常但是当我尝试导入变量时我不能使用它们

./src/App/sass/styles.scss (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/App/sass/styles.scss)
SassError: Invalid CSS after "...: mis-variables": expected expression (e.g. 1px, bold), was ".$default-font;"
        on line 31 of src/App/sass/styles.scss
>>     font-family: mis-variables.$default-font;

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

styles.scss:

/* Variables */

@use "mis-variables";

/* SASS Code */

%no-padding {
    padding: 0;
    margin: 0;
}

html {
    @extend %no-padding;
    font-family: mis-variables.$default-font;
}

body {
    @extend %no-padding;
}

_mis-variables.scss:

$default-font: 'Dosis',
Arial,
Helvetica,
sans-serif;

Answer 1

Node-sass 也给我造成了这个问题。我使用 sass 而不是 node-sass.

修复了它

只需运行 npm install sass 就可以了。

SassError: Invalid CSS expected expression (e.g. 1px, bold)

SassError: Invalid CSS expected expression (e.g. 1px, bold)

css

compiler-errors

sass

reactjs