Reactjs sass中未定义的变量

一切正常，然后突然终端上出现了一系列错误，说我需要安装

节点sass

模块。这就是我修复所有这些错误所做的，但现在我得到了这个错误：

SassError: Undefined variable: "$text-weight".

我不明白为什么react甚至检测到我的sass文件，我只导入了已编译的普通css，并且sass也成功编译，没有错误。

\u variables.scs

使用

@import

语法在顶部导入

index.scss文件：

@import './variables';

body {
  margin: 0;
}

:root {
  font-family: acumin-pro, sans-serif;
  font-style: normal;
  box-sizing: border-box;
}

.App {
  display: grid;
  grid-template-columns: 0.1fr 10fr 0.1fr;
  min-height: 100vh;
}

@import './navbar';
@import './carousel';
@import './user';

---

如果在另一个文件中定义了$text-weight变量，则应将其导入到正在使用该变量的文件中

，您必须使用@import语法导入定义变量$text-weight的文件

如果您要在React应用程序中的某个位置导入.scss文件或.sass文件，则需要设置节点sass以将sass语法编译为普通css

通常，人们会在主react组件所在的index.js或App.js中这样做

---

不仅是React，大多数框架（如Angular）还需要在样板文件中设置，以支持SCS或sass。

这正是我所做的，我有一堆变量，如果我没有导入文件_variables.scss，那么我的live sass编译器甚至不会编译。我看到你有_variables.scss，但你正在导入./variables，它的名称不同。导入时，你不需要添加“u”和“.scss”，vsCode会自动删除它。你没试过吗？能发送你正在使用$text-weight变量的确切文件吗？@KevinBryan，你碰巧解决了吗？如果仍然不能，可以显示使用$text-weight变量的位置吗？