尝试使用@use规则时SASS模块出错

Question

我是 SCSS 新手，在使用 @use 规则时遇到问题。

sass/helpers/_variables.scss

$companyColor: #d60048;

标头/标头.scss

@use '../sass/helpers/_variables' as variables;

.app-header {
    background-color: variables.$companyColor;
}

我收到错误：

ERROR in ./src/Header/Header.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ref--8-2!./src/Header/Header.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "...olor: variables": expected expression (e.g. 1px, bold), was ".$companyColor;"
        on line 4 of C:\MyProject\Client\src\Header\Header.scss
>>     background-color: variables.$companyColor;
   -------------------------------^

任何帮助将不胜感激。

Answer 1

@use不幸的是，node -sass还不支持该关键字。让我们希望他们在不久的将来带来支持。到那时，您就可以使用该语法了。@import