[sass] Undefined variable

您好，如果在使用 Sass 时出现了 `Undefined variable` 的错误，通常有以下几种可能的原因：

1. 变量未定义

这是最常见的错误，即在使用 Sass 变量之前，没有先定义该变量。您需要确保在使用变量之前，先定义并赋值该变量，例如：

$primary-color: #1890ff;

.header {
  background-color: $primary-color;
}

2. 变量作用域不正确

Sass 中的变量作用域规则与其他编程语言有所不同。如果变量在当前作用域中未定义，Sass 会一层一层地向上查找，直到找到为止。因此，如果您在不同的作用域中定义了同名变量，可能会出现 `Undefined variable` 的错误。您需要确保在使用变量之前，变量在当前作用域中已经定义，例如：

$primary-color: #1890ff;

.header {
  $primary-color: #f00; // 定义了一个同名变量
  background-color: $primary-color; // 使用的是当前作用域中的变量
}

3. 导入顺序不正确

如果您在 Sass 中使用了多个文件，并且这些文件之间相互依赖，那么您需要确保正确的导入顺序。如果您在使用变量之前，未正确导入定义该变量的文件，可能会出现 `Undefined variable` 的错误。您需要确保先导入定义变量的文件，例如：

@import "variables"; // 先导入变量文件

.header {
  background-color: $primary-color; // 使用变量
}

以上就是 `Undefined variable` 错误的常见原因及解决方法，希望对您有帮助。