Web 未编译Sass映射和For循环

我在尝试让我的Sass@for循环使用我设置的间隔值变量映射时遇到了一些问题

通常情况下，下面的代码可以工作，不确定这是我没有反应的想法还是我确实做了一些不正确的事情

这是我的Sass地图：

$spacer:   1rem;

$spacers:(
   0: 0,
   1: ($spacer * .25),
   2: ($spacer * .5),
   3: $spacer,
   4: ($spacer * 1.5),
   5: ($spacer * 3),
   6: ($spacer * 4)
);

下面是我正在尝试开始工作的for循环：

@for $i from 0 through 6 {
   .padd-top-#{$i} {
      padding-top: map-get($spacers, #{$i});
   }
}

---

我已经尝试过关闭和再次打开编译器，因为有时这会导致问题。

您正在处理数字，不要使用插值语法：{}

---

当然，我以为会是这样的。谢谢你的帮助@ReSedano@ReSedano：如何检查项目scss或sass中安装了哪个css处理器？@HidaytRahman仅从已编译的css检查此问题？我真的不知道。好的，我把这个问题放到了for循环中，插值在我的应用程序中，它是基于es6的。但同样的代码在sassmeister上运行良好。com@HidaytRahman您是否尝试更改电脑中安装的sass版本？另一种尝试：尝试使用sass而不是scss语法转换循环。您使用的Javascript版本应该不会有问题。

$spacer:   1rem;

$spacers:(
   0: 0,
   1: $spacer * .25,
   2: $spacer * .5,
   3: $spacer,
   4: $spacer * 1.5,
   5: $spacer * 3,
   6: $spacer * 4
);

@for $i from 0 through 6 {
   .padd-top-#{$i} {
      padding-top: map-get($spacers, $i);
   }
}