SassError：找不到要导入的样式表。 - 角度升级

Question

最近我将 Angular 应用程序更新到版本 14，升级后，我收到以下错误。错误如下

./src/assets/vendor/default/styles.scss - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
  ╷
4 │ @import "~src/vendor/libs/ng2-nouislider/mixins";

有人可以帮忙解决这个问题吗？

提前致谢

Answer 1

对于 Angular 15。从路径中删除波浪号 (~)。

Answer 2

我在 Angular 15 中遇到了同样的问题，但错误只出现在构建中，而不是本地。

~（波形符）自 Angular 13 起不再使用，并且已被弃用。

我修复了在每个文件中用 @use 替换 @import 的错误，如下所示： sass at-规则导入

Answer 3

有两种解决方案：

• 使用

  node_modules

  代替

  ~

  蒂尔达符号，如图所示

  @import node_modules/..../mixins

• 或将

  node_modules

  添加到

  angular.json

  文件，如下

"stylePreprocessorOptions": {
  "includePaths": [
    "src", "./node_modules"
  ]
}

我更喜欢使用第一个。

Answer 4

我遇到了同样的问题，几天后我发现以下解决方案对我有用。 添加相对路径 @import '../../../node_modules/@angular/material/theming' ;