Попытка использовать sass-модули в create-реагировать-приложение с новым синтаксисом @use, но получаю ошибку

Question

Я npm установил последнюю версию node-sass, и файлы s css работают нормально, пока я не использую @use. У меня есть файл _tokens.s css в папке / shared / tokens /. В _tokens.s css у меня есть:

$colorwhite: #ffffff;

В моей папке root мое приложение.s.s 1020 * выглядит так:

@use "shared/tokens/tokens";

.App-header {
  color: tokens.$colorwhite;
}

Но я получаю эта ошибка:

./src/App.scss (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--6-oneOf-5-3!./node_modules/sass-loader/dist/cjs.js??ref--6-oneOf-5-4!./src/App.scss)
SassError: Invalid CSS after "  color: tokens": expected expression (e.g. 1px, bold), was ".$colorwhite;"
        on line 26 of /Users/xxx/src/App.scss
>>   color: tokens.$colorwhite;

Есть идеи?

Редактировать: отлично работает с @import. Я также пытался @use... as *, но нет- go.

Answer 1

Правило @use в настоящее время поддерживается только Dart Sass . Вы должны использовать @import вместо.