问题

我正在尝试在我的主SCSS文件中使用（例如$Dark-color:#333）SCSS，借助@use模块，将其应用到另一个SCSS文件中。

我的主文件scss：

```scss
_Style.scss

$Dark-Violet: hsl(256, 26%, 20%);

我正在使用@use模块的另一个scss文件：

@use 'base';

.firstSection {
    background-color: base.$Dark-Violet;
}

当我使用这个模块时，出现如下错误：

模块构建失败（来自./node_modules/sass-loader/dist/cjs.js）：
SassError: 找不到要导入的样式表。
  ╷
1 │ @use 'base';
  │ ^^^^^^^^^^^
  ╵
  src\Style\Section.scss 1:1  根样式表**

如何解决这个错误？另外，在React中使用SCSS模块样式可以吗？

<details>
<summary>英文:</summary>

I&#39;m trying to use (e.g. $Dark-color:#333) SCSS from my main SCSS file to another SCSS file with the help of @use module.

my main file scss

_Style.scss

$Dark-Violet: hsl(256, 26%, 20%);

and my other scss file which I'm using this @use module

@use 'base';

.firstSection {

background-color: base.$Dark-Violet;

}

showing the below error when I'm using this module.

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
╷
1 │ @use 'base';
│ ^^^^^^^^^^^
╵
src\Style\Section.scss 1:1 root stylesheet**

how to get off this error? Also, Can it run if I use SCSS module styling in react?

</details>


# 答案1
**得分**: 1

不应该是这样吗
```scss
@use 'Style';
.firstSection {
    background-color: Style.$Dark-Violet;
}

我的意思是，你的基础文件似乎被称为"_Style.scss"而不是"_base.scss"，我有遗漏什么吗？

@use 'Style';
.firstSection {
    background-color: Style.$Dark-Violet;
}