我無法在導航欄上使用 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