css - 找不到或无法读取要导入的文件 : SCSS

Question

我正在构建一个 Angular 应用程序。尝试导入样式 scss 文件时，出现编译错误:

File to import not found or unreadable: layout/menu.

我的文件夹结构是:

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";

否则它不会知道去styles文件夹里找