nuxt.js [sass] undefined variable

在Nuxt.js中，当你在项目中使用[Sass](https://sass-lang.com/)时，有时候你可能会遇到"Sass undefined variable"的错误。这个错误通常出现在你在Sass代码中使用了一个未定义的变量时。

造成这个错误的原因可能是因为你没有正确引入或定义这个变量。为了解决这个问题，你可以采取以下步骤：

1. 确保你已经正确地引入了Sass变量文件。你可以在Nuxt.js的配置文件（`nuxt.config.js`）中的`css`属性中指定这个文件的路径。例如，你可以这样写：

module.exports = {
  // ...
  css: [
    '@/assets/scss/variables.scss',
  ],
  // ...
}

这样，你就可以在Sass样式文件中使用这个变量。

2. 如果你还是遇到"Sass undefined variable"的错误，那么可能是因为你的变量文件没有正确导出变量。你需要在变量文件中使用`!default`修饰符来赋予变量默认值。例如：

$color-primary: #ff0000 !default;

这样，即使你没有在其他地方定义这个变量，它也会有一个默认值，避免了未定义变量的错误。

总结来说，当你在Nuxt.js中使用Sass时，如果遇到"Sass undefined variable"错误，首先检查是否正确引入了变量文件，然后确保变量文件中的变量都有默认值。通过这些步骤，你应该能够解决这个问题并正常使用Sass变量。