找不到導入文件或不可讀文件：SCSS

Question

我正在構建一個角度應用程序。 嘗試導入樣式scss文件時，出現編譯錯誤：

找不到或無法讀取的導入文件：布局/菜單。

我的文件夾結構是：

Insurance\src\shared\styles.scss

對於要包含在styles.scss中的scss文件，它是：

Insurance\src\shared\styles\layout\_menu.scss

在styles.scss內部，我寫了：

@import "layout/menu";

在我的angulaar.json文件中，我提到了：

"styles": [
          "./node_modules/bootstrap/dist/css/bootstrap.min.css",
          "src/shared/styles.scss"
        ],

但是，當我編譯代碼時，它給出以下錯誤：

@import "layout/menu";
 ^
  File to import not found or unreadable: layout/menu.
  in Insurance\Insurance\src\shared\styles.scss 
  File to import not found or unreadable: layout/menu.

不知道為什么會這樣。

Answer 1

“樣式”是“共享”中的文件夾嗎？ 如果是這樣，你想說

@import "/styles/layout/menu";

否則，它將不知道在樣式文件夾中查找