1. #1
    Sencha User
    Join Date
    Oct 2012
    Posts
    8
    Vote Rating
    0
    jakeed2 is on a distinguished road

      0  

    Default Answered: Touch 2.3 - Sass @mixin Breaks "sencha app build"

    Answered: Touch 2.3 - Sass @mixin Breaks "sencha app build"


    Just upgraded to Sencha Touch 2.3 - everything is great until I added my Sass mixins, and tried "sencha app build"...


    *update / note:* "sencha app watch" also causes the same error.


    (Sencha CMD 4.0.1.45)




    My mixin:


    Code:
        @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
          }
        }
    Example usage:


    Code:
        #Login{
        
          background: #2f7790;
        
          #spacer{
        
            @include MQ(small) {
              margin-top: 42%;
            }
          }
        }




    (doesn't matter if I delete this one, it will find the next one and throw the same error)
    Then when I try to run "sencha app build":






    Code:
        [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


    My system compass compiles it fine. Just the Sencha build process is breaking things.


    My system ruby-

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

  2. You can specify the path to the version of ruby to use in YouApp/.sencha/app/default.properties
    Code:
    # controls the ruby command that is used to execute compasss
    # a full path to ruby may be specified rather than allowing the system
    # shell to resolve the command
    build.ruby.path=ruby

  3. #2
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    3,850
    Answers
    324
    Vote Rating
    125
    fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all

      0  

    Default


    You can specify the path to the version of ruby to use in YouApp/.sencha/app/default.properties
    Code:
    # controls the ruby command that is used to execute compasss
    # a full path to ruby may be specified rather than allowing the system
    # shell to resolve the command
    build.ruby.path=ruby
    Get more personalized support via a support subscription.

    Want to learn Sencha Touch 2? Check out
    Sencha training
    Sencha Touch in Action

    Need more help with your app? Hire Sencha Services services@sencha.com

    When posting code, please use BBCode's CODE tags.

    Need to include a test case use:
    The official Sencha Fiddle

  4. #3
    Sencha User
    Join Date
    Oct 2012
    Posts
    8
    Vote Rating
    0
    jakeed2 is on a distinguished road

      0  

    Default


    Solved by adding this line:

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

  5. #4
    Sencha User
    Join Date
    Sep 2010
    Posts
    27
    Vote Rating
    2
    dusoft is on a distinguished road

      0  

    Default Same Issue but with Sencha Architect 3

    Same Issue but with Sencha Architect 3


    Hi everyone!, I have the same problem, but I'm using SA3 and ST2.3 and I didn't find the file default.propierties in my project folder., I created this file in my App folder but It's doesn't work..Can you help me, please?Thanks in advanced!Best RegardsMac OS Maverickruby -vruby 2.0.0p451 (2014-02-24 revision 45167) [universal.x86_64-darwin13]

  6. #5
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    3,850
    Answers
    324
    Vote Rating
    125
    fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all

      0  

    Default


    .sencha is a invisible folder in your apppication root folder. In the terminal issue the following command to reveal hidden files.
    Code:
    defaults write com.apple.Finder AppleShowAllFiles TRUE
    Get more personalized support via a support subscription.

    Want to learn Sencha Touch 2? Check out
    Sencha training
    Sencha Touch in Action

    Need more help with your app? Hire Sencha Services services@sencha.com

    When posting code, please use BBCode's CODE tags.

    Need to include a test case use:
    The official Sencha Fiddle

Thread Participants: 2

Tags for this Thread

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..."