SassError：无效的 CSS 预期表达式（例如 1px、粗体）

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 即可。