Question

我在这个位置有一个 _content-sidebar.scss 文件：

C:\Users\user\Downloads\livemath\sass\layout\_content-sidebar.scss

其中包含以下代码：

@import "//variables-site/structure";

.content-area {
    float: left;
    margin: 0 (-$size__site-sidebar) 0 0;
    width: $size__site-main;
}

我在这个位置有另一个名为 _structure.scss 的文件：

C:\Users\user\Downloads\livemath\sass\variables-site\_structure.scss

其中包含以下代码：

$size__site-main: 960px;
$size__site-sidebar: 25%;

当我尝试使用命令行编译scss文件时，我收到此错误：

Change detected to: sass/layout/_content-sidebar.scss
      error sass/layout/_content-sidebar.scss (Line 5: Undefined variable: "$size__site-sidebar".)

Answer 1

您使用双斜杠作为资源，不在外部位置：

C:\Users\user\Downloads\livemath\sass\layout\_content-sidebar.scss

和

C:\Users\user\Downloads\livemath\sass\variables-site\_structure.scss

如果它位于根目录中，或者@import "./variables-site/structure";进入另一个文件夹，您可以使用点@import "../variables-site/structure";编写它！

我在我的项目中测试了内部资源的双斜杠，并且它出了相同的错误（第一次出现的变量是未定义的）！

通常它会声明无法导入文件，但不幸的是，使用双斜线时不是这种情况......

Sass：为什么这个变量未定义？

1 个答案: