找不到导入文件或不可读文件：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";

否则，它将不知道在样式文件夹中查找