Sencha Touch 2.3-Sass @mixin破坏了sencha应用程序的构建

Question

刚刚升级到Sencha Touch 2.3-一切都很棒，直到我添加了Sass mixins，并尝试了“ sencha应用程序构建” ...

更新/注意： “ sencha应用程序监视”也会引起相同的错误。

（Sencha CMD 4.0.1.45）

我的混入：

@mixin MQ($canvas) {
  @if $canvas == small {
    @media only screen and (max-width: 20em) { @content; } //320px
  }
  @else if $canvas == 'XS' {
    @media only screen and (max-width: 30em) { @content; } //480px
  }
  @else if $canvas == S {
    @media only screen and (max-width: 37.5em) { @content; } //600px
  }
  @else if $canvas == medium {
    @media only screen and (max-width: 48em) { @content; } //768px
  }
  @else if $canvas == larger {
    @media only screen and (min-width: 769px) { @content; } //1024px
  }
  @else if $canvas == XL {
    @media only screen and (min-width: 75em) { @content; } //1200px
  }
}

用法示例：

#Login{

  background: #2f7790;

  #spacer{

    @include MQ(small) {
      margin-top: 42%;
    }
  }
}

（如果我删除这一个都没关系，它将找到下一个并抛出相同的错误）然后，当我尝试运行“ sencha app build”时：

[INF] -compass-compile-sass-dir:
[INF] executing compass using system installed ruby runtime
Sass::SyntaxError on line ["14"] of /Users/jakeF/dev/SENCHA/MyApp/resources/sass/partials/_login.scss: Invalid CSS after "...lude MQ(small) ": expected "}", was "{"
/Users/jakeF/dev/SENCHA/MyApp/resources/sass/partials/X__default-theme.scss:6
/Users/jakeF/dev/SENCHA/MyApp/resources/sass/app.scss:8
/Users/jakeF/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/scss/parser.rb:896:in `expected'
  /Users/jakeF/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/scss/parser.rb:841:in `expected'
/Users/jakeF/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/scss/parser.rb:836:in `tok!'
  /Users/jakeF/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/scss/parser.rb:362:in `block'
/Users/jakeF/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/scss/parser.rb:355:in `ruleset'
  /Users/jakeF/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/scss/parser.rb:417:in `block in declaration_or_ruleset'

...


 /Users/jakeF/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/bin/compass:23:in `load'
  /Users/jakeF/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/bin/compass:23:in `<main>'
error app.scss (Line 14 of partials/_login.scss: Invalid CSS after "...lude MQ(small) ": expected "}", was "{")
[ERR]
[ERR] BUILD FAILED
[ERR] com.sencha.exceptions.ExProcess: compass process exited with non-zero code : 1
[ERR]
[ERR] Total time: 21 seconds
                     [ERR] The following error occurred while executing this line:
/Users/jakeF/dev/SENCHA/MyApp/.sencha/app/build-impl.xml:273: The following error occurred while executing this line:
/Users/jakeF/dev/SENCHA/MyApp/.sencha/app/sass-impl.xml:200: The following error occurred while executing this line:
/Users/jakeF/dev/SENCHA/MyApp/.sencha/app/sass-impl.xml:206: com.sencha.exceptions.ExProcess: compass process exited with non-zero code : 1

我的系统指南针可以很好地进行编译。 只是Sencha的构建过程正在破坏事物。

我的系统红宝石-

  ruby 2.1.1p76 (2014-02-24 revision 45161) [x86_64-darwin13.0]

Answer 1

我在Sencha论坛上得到了以下答复：您可以在YouApp / .sencha / app / default.properties中指定要使用的ruby版本的路径。

所以我在上述文件中添加了这一行：

build.ruby.path=/Users/jakef/.rvm/rubies/ruby-2.1.1/bin/ruby

而且有效！