Sass错误：找不到要导入的样式表。- Angular升级

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";

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

提前感谢。

- az rnd

---

这个回答解决了你的问题吗？在 Angular 13 中，SCSS @use 语句中的波浪线 ~ 不再解析为 node_modules。 - cloned

你能解决这个问题吗？ - Esteban Chornet

Answer 1

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

- ibrahimgb

---

祝福你，善良的陌生人。 - Steve Whitmore

祝福你，善良的陌生人 - undefined

Answer 2

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

自 Angular 13 起，不再使用 ~（波浪号），并已被弃用。

我通过将每个文件中的 @import 替换为 @use 来修复了错误，如此处所述： sass at-rules import

- ElenaLj

Answer 3

有两个解决方法：

• 使用node_modules代替波浪符号~，如下所示：@import node_modules/..../mixins
• 或者将node_modules添加到angular.json文件中，如下所示

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

我更喜欢使用第一个。

- Serkan KONAKCI

---

将~替换为node_modules对我有用！ - Dinesh Khetarpal