angular - 由于 SassError : Can't find stylesheet to import，ng 测试失败

Question

我有好几个 .scss我在组件中导入的文件，这些文件包含在模块中。当我为 dev 或 prod 构建我的项目时，一切都很好，但是当我运行时 ng test我看到一堆错误，比如:

SassError: SassError: Can't find stylesheet to import.

1 │ @import "mixins";

每个导入的 .scss 都会发生这种情况文件在我的模块中。共享样式放在 src/assets/styles目录如下:

-src
  -assets
    -styles
      -_mixins.scss
      -_theme.scss
      ...etc

在我的 angular.json我有以下属性:

"styles": ["src/styles.scss"],
"stylePreprocessorOptions": {
  "includePaths": ["src/assets/styles"]
},

我试过在主 style.scss 中引用我的所有样式，但无济于事。困扰我的主要事情是在开发和生产模式下一切正常，只是测试带来了这些错误，我想不出解决这个问题的方法。

Angular version is 10.0.5
Sass version is 1.26.5
Sass loader version is 8.0.2

Answer 1

这个问题已经回答了好几次了。还请使用搜索和投票的问题和答案。
在 Stackoverflow 上:
1
2
3
在 Github 上的 AngularCLI 上:
1
修复此导入并添加到预处理器。
更新您的 angular.json补丁中的文件 projects.NAME.architect.test有了这个

"styles": ["src/styles.scss"],
"stylePreprocessorOptions": {
  "includePaths": ["src/assets/styles"]
},