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

时间:2019-09-06 14:31:20

标签: css angular

我正在构建一个有角度的应用程序。尝试导入样式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.

不确定为什么会这样。

1 个答案:

答案 0 :(得分:0)

“样式”是“共享”中的文件夹吗?如果是这样,您想说

@import "/styles/layout/menu";

否则,它将不知道在styles文件夹中