使用 !global 变量标志编译 zurb 基础时出现 sass 错误

问题描述

'rake --trace assets:precompile' 命令给出以下错误:

The 'rake --trace assets:precompile' command gives the following error:

rake aborted!
Sass::SyntaxError: Invalid CSS after "...ules: $modules ": expected "}", was "!global;"
  (in app/assets/stylesheets/foundation_and_overrides.scss:13)
foundation-rails-5.5.0.0/vendor/assets/stylesheets/foundation/_functions.scss:13
foundation-rails-5.5.0.0/vendor/assets/stylesheets/foundation/components/_global.scss:5
foundation-rails-5.5.0.0/vendor/assets/stylesheets/foundation/components/_grid.scss:5
foundation-rails-5.5.0.0/vendor/assets/stylesheets/foundation.scss:9
app/assets/stylesheets/foundation_and_overrides.scss:1327

错误似乎来自foundation-rails-5.5.0.0/vendor/assets/stylesheets/foundation/_functions.scss"的第 13 行

The error appears to come from line 13 of 'foundation-rails-5.5.0.0/vendor/assets/stylesheets/foundation/_functions.scss'

  8 // IMPORT ONCE
  9 // We use this to prevent styles from being loaded multiple times for compenents that rely o    n other components.
 10 $modules: () !default;
 11 @mixin exports($name) {
 12   // Import from global scope
 13   $modules: $modules !global;
 14   // Check if a module is already on the list
 15   $module_index: index($modules, $name);
 16   @if (($module_index == null) or ($module_index == false)) {
 17     $modules: append($modules, $name) !global;
 18     @content;
 19   }
 20 }

SASS 语法对我来说看起来不错，只要我没有对生成的'app/assets/stylesheets/foundation_and_overrides.scss.'进行任何编辑，编译时不会出错.'如果我对那个文件，比如下面这样，就会出现编译错误.

The SASS syntax looks fine to me, and compiles without error provided I have made no edits to the generated 'app/assets/stylesheets/foundation_and_overrides.scss.' If I make the smallest change to that file, such as the following, the compilation error occurs.

--- a/app/assets/stylesheets/foundation_and_overrides.scss
+++ b/app/assets/stylesheets/foundation_and_overrides.scss
@@ -14,7 +14,7 @@ $base-font-size: 100% !default;
 // Since the typical default browser font-size is 16px, that makes the calculation for grid siz
 // If you want your base font-size to be a different size and not have it effect grid size too,
 // set the value of $em-base to $base-font-size ($em-base: $base-font-size;)
-$em-base: 16px !default;
+$em-base: 17px !default;

 // It strips the unit of measure and returns it
 @function strip-unit($num) {

环境是 Rails 4.0.8，foundation-rails 5.5.0.0

Environment is Rails 4.0.8, foundation-rails 5.5.0.0

推荐答案

foundation-rails gem 已将其 Sass 依赖项的下限设置为 >= 3.2.0，但使用的是 Sass 3.3 功能(!global 标志).您需要为您的项目指定 3.3 的依赖项.

The foundation-rails gem has set the lower bounds on their Sass dependency to >= 3.2.0, but are using a Sass 3.3 feature (the !global flag). You'll need to specify a dependency for 3.3 for your project.

我还建议向 Foundation-rails 的维护者提交错误报告.

I also recommend submitting a bug report to the maintainers of foundation-rails.

这篇关于使用 !global 变量标志编译 zurb 基础时出现 sass 错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，WP2