try 使用Vite生成器时出现编译错误.

[ERROR] Can't find stylesheet to import.
@use 'src/styles/utils/mixins' as mixins;
src\app\app.component.scss 1:1 root stylesheet [plugin angular-sass]

enter image description here

Configs: enter image description here

EsBuild浏览器构建器没有任何问题.

推荐答案

加上新的埃斯巴德建造者,它是a known issue美元.

默认情况下,Sass只能解析相对于包含文件的文件.在其他情况下,它将回退到基于loadPaths(之前的includePaths)来解析文件.

在webpack的领导下,这些工作是因为在SASS加载器中将附加路径添加到包括路径https://github.com/webpack-contrib/sass-loader/blob/49a578a218574ddc92a597c7e365b6c21960717e/src/utils.js#L306-L322.

有两种解决方案

  1. 使用相对路径

  2. angular.json中配置includePaths.

对于single project workspace人:

"stylePreprocessorOptions": {
  "includePaths": [
    ""
  ]
},

Multi project workspace:

"stylePreprocessorOptions": {
  "includePaths": [
    "projects/<project-name>"
  ]
},

Angular相关问答推荐

Angular路由不响应子路由的子路由

无法添加@angular/pwa

如何使用formBuilder.Group()从角形表单中删除选定的选项?

在Cypress中,对xlsx文件的读取并不总是正确的

ANGLING:ExpressionChangedAfterChecked在嵌套形式中由子项添加验证器

Angular 16 Auth Guard在具有0的服务时给出Null Injector错误;httpclient;被注入

等待可观察性完成后再调用下一个

根据环境变量动态加载Angular templateUrl

Angular 路由中的模块构建失败

大型 Angular 12 应用程序 - 我如何管理 js 文件

Angular 等待对话框未显示

如何以Angular 2 获取当前路由自定义数据?

react表单上的自定义验证器用于密码并确认密码匹配将未定义的参数导入 Angular 4

如何在插值中编写条件?

Angular2 ngFor跳过第一个索引

请添加@Pipe/@Directive/@Component 注解

Angular 2 通过 [class.className] 绑定添加多个类

Angular2:如果 img src 无效,则显示占位符图像

如何将组件导入Angular 2中的另一个根组件

输入更改时Angular2动态输入字段失go 焦点