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

有谁能帮忙解决这个问题吗?Thanks in advance

Answer 1

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

Answer 2

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

~(波浪号)从Angular 13开始就不再使用了，已经被弃用了。

我修复了在每个文件中将@import替换为@use的错误，如下所示:Sass -rules import

Answer 3

有两种解决方法:

• 使用node_modules代替~，如图所示@import node_modules/..../mixins
• 或将node_modules添加到angular.json文件中，如下所示

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

我更喜欢用第一个。