Ошибка Scss угловая 12 повторите попытку с помощью анализатора postcss-scss

#angular #sass #scss-mixins

Вопрос:

У меня есть такой вспомогательный класс, как этот, но при сборке angular 12 я получил ошибку

Вы пытались проанализировать SCSS с помощью стандартного анализатора CSS; повторите попытку с помощью анализатора postcss-scss

 $short-margins: ( top: "mt", left: "ml", bottom: "mb", right: "mr", );
@for $i from 0 through 200 {
   @each $position, $prefix in $short-margins{
    .#{$prefix}-#{$i} {
      margin-#{$position}: single-px-to-rem($i);
    }
  }
}
 

Я искал решение для этого

 "optimization": {
  "scripts": true,
  "styles": {
    "minify": true,
    "inlineCritical": false
  },
  "fonts": true
}
 

Может быть, я допустил какую-то синтаксическую ошибку?

Комментарии:

1. Вы уверены, что у вас есть настройки проекта для компиляции scss? Возможно, у вас есть схемы, в которых вместо этого используются файлы .css? Проверьте свой angular.json, найдите что-то похожее @schematics/angular:component и добавьте содержимое узла в вопрос.