为什么我的 main.scss 无法导入其他文件

Question

我在导入 scss 文件时遇到问题。

我创建了一个名为main.scss的文件，并在那里编写了一些代码。

所有代码都工作正常并反映网页。

然后我创建了两个文件夹、设置和元素。

在设置中，我创建了一个名为 _colors.scss 的文件，并定义了一些颜色变量。

在元素中，我创建了一个文件，命名，_typography.scss并定义了一些代码。

现在我想将它们导入main.scss

但他们无法进口。我不知道为什么。请帮助我。

这是我的最终代码。

/src/css/main.scss：

@import "elements/typography";
@import "settings/colors";

/src/css/elements/_typography.scss：

a {   
line-height: inherit;
cursor: pointer;
border-bottom: 1px solid;
text-decoration: none;
color: $primary-colour;
word-break: break-all;
word-break: break-word;
&:visited {
border-bottom: 1px solid;
}
&:hover {   
border-bottom: none;
}
&:active {   
color: $primary-colour;      
}
&:focus {   
border: none; 
}
}

/src/css/settings/_colors.scss：

$primary-colour: rgb(32, 221, 174);

Answer 1

你的路径不正确。试试这个：

/src/css/main.scss
@import "./settings/_colors";
@import "./elements/_typography";

另请注意，@import "./settings/_colors";先行。因为您需要$primary-colour在里面@import "./elements/_typography";