如何修复 node-sass 中的“未定义变量”？答案

【问题标题】：How to fix "Undefined Variable" in node-sass?如何修复 node-sass 中的“未定义变量”？
【发布时间】：2019-05-22 22:11:49
【问题描述】：

我认为 node-sass 有一个错误...

我已经： - 应用程序.scss - 变量.scss - style.scss

app.scss

@import 'variables';
@import 'style';

variables.scss

$green: #38c172;

style.scss

button{
    background-color: $green;
    }

它工作正常，因为在我的文件 app.css 我有：

button{
    background-color: #38c172;
    }

但我总是有这个错误......为什么！？？我讨厌这个！

【问题讨论】：

【解决方案1】：

它说错误来自 header.scss 文件的第 42 行。

border-bottom: 3px 实心 $green;导致它。检查是否为 header.scss 文件正确导入了变量。

【讨论】：

是一样的……我只是做了一个小例子，但是文件的顺序是这样的……所以我不知道……
能否贴一张header.scss的截图？或者变量文件？
当然，link 在这里你可以找到：-app.scss -const.scss -header.scss
好的，所以 header.scss 会抛出错误。那是您实际使用变量的唯一地方。我相信您的导入不正确。你可以改用相对路径吗？所以像 -> @import './src/scss/const.scss'？它可能是路径。或者尝试创建另一个文件（test.scss）并尝试在那里使用变量，看看你得到了什么，如果变量未定义，那就是路径问题。

【解决方案2】：

好的，我已经解决了！所有文件都必须用“_”重命名为 app.scss 的开头 exept

【讨论】：