基金会 gem 不兼容单位：'rem' 和 'px'

Question

我已经安装了 5.5.2.1 版本的基础 gem。当我启动应用程序时，我收到此错误：

Showing /home/user/Scrivania/sites/store/app/views/layouts/application.html.erb where line #9 raised:

Incompatible units: 'rem' and 'px'.

根据 Internet 上的其他案例，我尝试更改 gem 文件夹中的文件 _settings.scss：

../../var/lib/gems/2.1.0/gems/foundation-rails-5.5.2.1/vendor/assets/stylesheets/foundation/_settings.css

我评论了这些行：

$row-width: rem-calc(1000);
$column-gutter: rem-calc(30);
$total-columns: 12;

我已经设置了我的自定义 $base-font-size:

 $base-font-size: 14px;
 $rem-base: $base-font-size;

我不想降级我的 gems，所以你能帮我解决这个错误吗？

Answer 1

问题出在您的 SCSS 中的某处，因为您在一个函数中混合了 rem-calc 和 px，这将引发错误。我运行遇到了同样的问题，并通过更改某些自定义样式和覆盖 rem-calc 来修复它。您可能正在覆盖与默认基础样式冲突的变量。

以下是此错误可能发生的示例：

$my-font-size: rem-calc(18);
.my-class { 
  font-size: ($rem-number - 5px); 
}

但是，当您使用 foundation 在具有 rem-calc 的函数中使用的 px 值覆盖变量时，仍然会发生这种情况。

我建议您检查一下您的 foundations_and_overrides.scss，看看您是否用 px 值覆盖了任何变量，然后将其更改为 rem-calc。覆盖 $topbar 变量是我的问题。

Foundation gem Incompatible units: 'rem' and 'px'