我在运行 Foundation Watch 时遇到问题（gulp 错误） - /_input-group.scss答案

【问题标题】：I have a problem running Foundation Watch (gulp error) - /_input-group.scss我在运行 Foundation Watch 时遇到问题（gulp 错误） - /_input-group.scss
【发布时间】：2019-02-05 13:33:44
【问题描述】：

由于错误导致编译失败：

Error in plugin "sass"
Message:
    node_modules\foundation-sites\scss\forms\_input-group.scss
Error: Incompatible units: 'rem' and 'rem*rem'.
        on line 25 of node_modules/foundation-sites/scss/forms/_input-group.scss, in mixin `foundation-form-prepostfix`
        from line 30 of node_modules/foundation-sites/scss/forms/_forms.scss, in mixin `foundation-forms`
        from line 14 of scss/app.scss
>   $height: ($input-font-size * $input-line-height) + (get-side($input-paddin
   -----------^

我在登录和签名表单中使用输入组功能，不能不包含基础表单；在我的 app.scss 文件中。当我从win 7切换到win 10时出现了这个问题。

【问题讨论】：

你的 gulpfile 是什么样的？您正在运行的导致该错误抛出的命令是什么？
将引用更改为代码块以提高可读性
请尝试重命名 node_modules 并重新安装依赖项。

标签： zurb-foundation gulp-watch gulp-sass

【解决方案1】：

感谢您的回答，但我已经找到了解决方案。我更新了 _input-group.scss 文件。见下文。

来自

$height: ($input-font-size * $input-line-height) + (get-side($input-padding, 'top') + get-side($input-padding, 'bottom') ) - rem-calc(1);

到

$height: ($input-font-size + $form-spacing * 1.5);

最好的问候，法律

【讨论】：