Angular 17 - 找不到要导入的样式表（Angular 升级后）

Question

我已经找到了与角度材质主题相关的所有内容，但是，事实并非如此。

Angular 16 升级到 Angular 17 后，我无法从特定的 node_module 导入某些样式。

HookWebpackError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js): Can't find stylesheet to import.

升级前一切正常

导入示例：

@import '@package/src/components/specific-component';

如果我尝试导入的 node_module 中的 scss 文件内部没有任何导入，则一切正常，没有任何错误，但是，如果有 - 我会收到错误。

example.scss（来自node_module） - 如果我尝试将其导入到我自己的scss中，则会出现错误

@import 'mixins';

.specific-class {
  @include something();
}

example.scss - 像以前一样正常工作和导入。

//@import 'mixins';

.specific-class {
  color: white;
}

有人遇到过类似的情况并解决了吗？

Answer 1

确保您已在

stylePreprocessorOptions

、

includePaths

内的

angular.json

中添加了要使用的scss文件的路径。

"stylePreprocessorOptions": {
   "includePaths": [
     "src/styles",
     "src/assests/styles"
  ]
}

然后尝试导入它们。

@import 'mixins.scss';

.specific-class {
  @include something();
}