主页 / user-689521

Никита's questions

Martin Hope
Никита
Asked: 2025-02-18 16:23:07 +0800 CST
  • 4

在我的样式表文件夹中有一个main.scss文件，所有样式都通过@use导入到其中！

@charset "UTF-8";

// 1. Vendors
@use 'vendors/reset';

// 2. Base stuff
@use 'base/base';
@use 'base/fonts';

// 3. Layout-related sections
@use 'layout/header';
@use 'layout/footer';

// 4. Components

// 5. Pages
@use 'pages/home';

// 6. Themes

并且它们被编译到css文件夹中的main.css文件中，但是我不明白为什么在编译过程中，程序拒绝了当前包含带有颜色的变量的_base.scss文件。

// COLORS
$black: #121214;
$white: #FFFFFF;
$light_gray: #8C8F96;
$dark_gray: #303030;
$blue: #49D0FF;

并给出编译错误

Compilation Error
Error: Undefined variable.
   ╷
10 │     background: $black;
   │                 ^^^^^^

通过我在 _header.scss 文件中指定的变量

.header {
  display: flex;
  height: clamp(80px, 10vw + 60px, 100px);
  background: $black;
}

尝试过：

  • 在 _header.scss 文件本身中，也写入@use '../base/base';
  • 在main.scss文件中，注册@use 'base/base' as b;并引用_header.scss来background: b.$black;..此时一般说的是没有名为“b”的模块。
  • @use 'base/base' as *;也没什么帮助。
  • 我发现了一个有类似问题的问题，问题出在旧的 Live Sass 编译器上，我检查了一下，我已经安装了新的。

只有当您将其写入 _header.scss 文件中时它才有效@import '../base/base';，但那时您不需要 main.scss...

请帮帮我，告诉我我做错了什么......

我附加了一个包含该应用程序完整结构的链接：https://codesandbox.io/p/github/KitVitalevich/XWEAR/main? file=%2Fstylesheets%2Fmain.scss%3A11% 2C22！

css