我无法在导航栏上使用 css 样式（使用 sass）

Question

我开始自己学习，我第一次尝试使用 sass 来使我的代码更干净，将所有内容都放在部分中。 所以问题是当我尝试为导航栏提供一些样式时，我不知道为什么当我编写代码时它不适用。 也许是因为我没有正确链接或者只是使用了不好的 sass 编译器。

帮助我的最佳选择是查看我的存储库，在那里我开始构建此项目以进行练习。 我真的希望能帮助我，因为我想使用 sass 创建不同的部分，如导航栏、正文、文章、页脚并赋予它们样式。

https://github.com/Shylex96/test-portfolio

编辑：对这个问题进行了长时间的搜索后，我发现“使用”存在问题，我必须更改规则或类似的内容，但仍然不知道。

Answer 1

将 scss 文件中的 @use 替换为 @import。

尝试更新您的 \\util\\style.scss，如下所示：

@import '../globals/';
@import '../components/';

保存并编译它们，如果它们没有被自动复制，则将生成的 css 文件复制到 dist 文件夹。

将 index.html 文件中的样式表链接更新为：

<link rel="stylesheet" type="text/css" href="dist/style.css">

它应该是“dist/style.css”而不是“/dist/style.css”

Answer 2

最后！！ 我解决了它，如果有人有同样的问题，我将承诺对我有帮助的东西..

我不得不重新安装 node.js，安装 gulp，并从 Windows 更改“about_Execution_Policies”……当我这样做时，我终于可以正确安装 gulp，然后我再次安装 sass。 当然，我只是将人们告诉我的所有更改都转换为我的第一个更改。 我创建了一个名为 gulpfie.js 的新文件和另外两个文件：.gitignore 和 .gitattributes

所以，如果有人需要它，可以在这里检查更改： https : //github.com/Shylex96/test-portfolio