全局SASS变量不起作用（未定义） - 实时SASS编译器

Question

我正在使用VSCODE扩展名 - Live Sass Compiler （Glenn Marks版本）。除了全局变量之外，当我将它们包含在 app 组件中时，返回未定义的全局变量。 这是我的项目结构：

_variables.scss

@import url("https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap");

$font_logo: "Great Vibes", cursive;
$max_width: 750px;

_defaults.scss

* {
  box-sizing: border-box;
}

body {
  margin:0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing-: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}

和 index.scs.scss 我在应用程序中导入的.js。

@import './variables';
@import './defaults';

app.js 导入

import "./styles/index.scss";

什么是有效的？

样式，例如标签，课程等

全球 什么是不起作用的？

在 _variables.scss 中定义的变量无法正常工作，并给出不确定的错误。

我尝试的是

我安装了Glenn Marks版本的 ，因为不再支持Ritwick Dey的版本。 我试图将@import更改为@USE和@USE'path'为。我尝试更改导入文件的顺序。我一直在寻找几个主题的答案，但没有找到答案。

当我导入@import'./ variables';到特定的SCSS文件时，它可以工作，但我只想将此文件仅包含在index.scs.scss中。当我需要变量时，我不想在每个SCSS文件中写下它。

感谢您的帮助！