Угловые переменные SCSS не разрешаются только при первом компиляции ⇐ Html

[Anonymous]

После обновления с Angular 18 до Angular 19 у меня есть несколько ошибок сборки, только на первой сборке: < /p>
✘ [ERROR] Undefined variable.
╷
8 │ border-bottom: 10px solid $white-2;
src/app/components/icons/loading-icon/loading-icon.component.scss 17:9 root stylesheet [plugin angular-sass]
< /code>
, как только я касаюсь файла, и происходит перекомпиляция, ошибок больше нет. Похоже, что при перекомпиляции система угловой сборки кэшировала переменные и может быть решена правильно. При изменении файла без переменной SCSS компиляция достигает успеха. < /P>
Это моя настройка: < /p>
Например, загрузка-icon.componen.scss: < /p>
@use "/styles/main" as *;

.arrow-up {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid $white-2;
}

...
< /code>
Структура папки: < /p>
project-root/
├── angular.json
├── styles/
│ ├── abstracts/
│ │ └── _variables.scss
│ ├── layout/
│ │ ├── _backgrounds.scss
│ │ ├── _borders_scss
│ │ ├── _containers.scss
│ │ └── _themes_scss
│ └── main.scss
└── src/
└── app/
< /code>
main.scss:
@use './abstracts/variables' as *;
@use './layout/backgrounds' as *;
@use './layout/borders' as *;
@use './layout/containers' as *;
@use './layout/themes' as *;
< /code>
_variables.scss:
...
$white-1: #ffffff;
$white-2: #f7f7f7;
...
< /code>
angular.json
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:application",
"options": {
..., //other options
"stylePreprocessorOptions": {
"includePaths": [
"."
]
}
...


Подробнее здесь: https://stackoverflow.com/questions/796 ... ation-only