1. #1
    Sencha User
    Join Date
    Mar 2010
    Posts
    456
    Answers
    10
    Vote Rating
    0
    abcdef is an unknown quantity at this point

      0  

    Default Unanswered: Missing CSS file in production

    Unanswered: Missing CSS file in production


    Hello, my app.json's css section looks like:

    Code:
        "css": [
            {
                "path": "resources/css/cupertino.css",
                "theme": "Cupertino",
                "update": "full"
            },
            {
                "path": "resources/css/app.css",
                "theme": "myapp",
                "update": "full"
            }
        ],
    When I do sencha app build production, I get the following in console:

    Creating Application Cache with manifest http://localhost:4000/build/production/myapp/cache.appcache index.html:1
    Application Cache Checking event index.html:1
    Application Cache Downloading event index.html:1
    Application Cache Progress event (0 of 1) http://localhost:4000/build/production/myapp/index.html index.html:1
    [/COLOR]
    Application Cache Progress event (1 of 1) index.html:1
    Application Cache Cached event

    So, it seems like it's looking for cupertino.css in css folder, and the file isn't there. I'm guessing I'm doing something wrong with how these things gets declared for build. How do I fix it?

    My app.scss's initial few lines look like this:

    Code:
    // The following two lines import the default Sencha Touch theme. If you are building
    // a new theme, remove them and the add your own CSS on top of the base CSS (which
    // is already included in your app.json file).
    @import 'sencha-touch/cupertino';
    @import 'sencha-touch/cupertino/all';
    
    
    // Custom code goes here..
    Thoughts? Any help is much appreciated! Thanks!

  2. #2
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    3,875
    Answers
    325
    Vote Rating
    128
    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


    In order to create cupertino.css. You should put your sass in a file called cupertino.scss rather than use the default app.scss.
    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

  3. #3
    Sencha User
    Join Date
    Mar 2010
    Posts
    456
    Answers
    10
    Vote Rating
    0
    abcdef is an unknown quantity at this point

      0  

    Default


    Quote Originally Posted by fmoseley View Post
    In order to create cupertino.css. You should put your sass in a file called cupertino.scss rather than use the default app.scss.
    Hmm, so I tried that. My app.json excerpt looks like this:

    Code:
        "css": [
            {
                "path": "resources/css/cupertino.css",
                "theme": "Cupertino",
                "update": "delta"
            }
        ]
    And I renamed app.scss to cupertino.scss, and compass watch created the css file. My styles rendered as expected, but now I get an error message in development in my browser console:

    Thoughts? Thanks for your time!

  4. #4
    Sencha User
    Join Date
    Mar 2010
    Posts
    456
    Answers
    10
    Vote Rating
    0
    abcdef is an unknown quantity at this point

      0  

    Default


    Okay , so I think I have the app.scss thing sorted out. I have my app.json has:

    Code:
    "css": [        {
                "path": "resources/css/__app.css",
                "update": "delta"
            }
        ]
    And, my app.scss starts as so:
    Code:
    @import 'compass';
    
    @import 'sencha-touch/cupertino';
    @import 'sencha-touch/cupertino/all';
    No file not found errors now, but sencha app build fails at compass compile. It's trying to sencha compile resources/sass or something of that sort, and the issue is that I have many files and and directories of SCSS files in my scss directory, and I've imported them in my app.scss file in the correct order. I develop on my test machine using compass watch app.scss, and so I don't get any errors during dev, but before deploying to production, I do a sencha app build, and that has compass compile resources/sass, which fails. I've verified that it does fail when I try to do compass compile sass from resources dir as well.

    So, the question is: is there a certain order to how the sass files are processed? How do I get around this? Please help! Thanks much for your time!

  5. #5
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    3,875
    Answers
    325
    Vote Rating
    128
    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


    Should be:
    app.json
    Code:
    "css": [{
        "path": "resources/css/app.css",
        "update": "delta"
    }],
    app.scss
    Code:
    @import 'sencha-touch/cupertino';
    @import 'sencha-touch/cupertino/all';
    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

  6. #6
    Sencha User
    Join Date
    Mar 2010
    Posts
    456
    Answers
    10
    Vote Rating
    0
    abcdef is an unknown quantity at this point

      0  

    Default


    Quote Originally Posted by fmoseley View Post
    Should be:
    app.json
    Code:
    "css": [{
        "path": "resources/css/app.css",
        "update": "delta"
    }],
    app.scss
    Code:
    @import 'sencha-touch/cupertino';
    @import 'sencha-touch/cupertino/all';
    Oh I'm so sorry...that was my bad...I had app.css, but that wasn't working...so I tried __app.scss thinking it'll get processed first based on naming convention...but didn't work..

    So yeah...the issue is still there..with your changes..

  7. #7
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    3,875
    Answers
    325
    Vote Rating
    128
    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


    May be related to:
    http://www.sencha.com/forum/showthre...-in-production
    Have you upgraded to Cmd v4.0.2.67 and Touch 2.3.1a yet
    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

  8. #8
    Sencha User
    Join Date
    Mar 2010
    Posts
    456
    Answers
    10
    Vote Rating
    0
    abcdef is an unknown quantity at this point

      0  

    Default


    Quote Originally Posted by fmoseley View Post
    May be related to:
    http://www.sencha.com/forum/showthre...-in-production
    Have you upgraded to Cmd v4.0.2.67 and Touch 2.3.1a yet
    Okay, I just upgraded everything, but the build process gets stuck at compass compile. Here is the error I'm getting:

    Code:
    [INF] executing compass using system installed ruby runtimeSass::SyntaxError on line ["2"] of /path/to/app/public/resources/sass/CameraTriggerPanel.scss: Undefined mixin 'no-background'.
      /path/to/app/public/resources/sass/CameraTriggerPanel.scss:2
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/visitors/perform.rb:169:in `visit_mixin'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/visitors/base.rb:37:in `visit'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/visitors/perform.rb:18:in `visit'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/visitors/base.rb:53:in `block in visit_children'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/visitors/base.rb:53:in `map'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/visitors/base.rb:53:in `visit_children'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/visitors/perform.rb:27:in `block in visit_children'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/visitors/perform.rb:39:in `with_environment'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/visitors/perform.rb:26:in `visit_children'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/visitors/base.rb:37:in `block in visit'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/visitors/perform.rb:235:in `visit_rule'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/visitors/base.rb:37:in `visit'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/visitors/perform.rb:18:in `visit'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/visitors/base.rb:53:in `block in visit_children'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/visitors/base.rb:53:in `map'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/visitors/base.rb:53:in `visit_children'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/visitors/perform.rb:27:in `block in visit_children'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/visitors/perform.rb:39:in `with_environment'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/visitors/perform.rb:26:in `visit_children'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/visitors/base.rb:37:in `block in visit'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/visitors/perform.rb:47:in `visit_root'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/visitors/base.rb:37:in `visit'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/visitors/perform.rb:18:in `visit'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/visitors/perform.rb:7:in `visit'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/tree/root_node.rb:20:in `render'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/engine.rb:293:in `_render'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/engine.rb:240:in `render'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/compass-0.12.2/lib/compass/compiler.rb:140:in `block (2 levels) in compile'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/compass-0.12.2/lib/compass/compiler.rb:126:in `timed'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/compass-0.12.2/lib/compass/compiler.rb:139:in `block in compile'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/compass-0.12.2/lib/compass/logger.rb:45:in `red'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/compass-0.12.2/lib/compass/compiler.rb:138:in `compile'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/compass-0.12.2/lib/compass/compiler.rb:118:in `compile_if_required'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/compass-0.12.2/lib/compass/compiler.rb:103:in `block (2 levels) in run'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/compass-0.12.2/lib/compass/compiler.rb:101:in `each'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/compass-0.12.2/lib/compass/compiler.rb:101:in `block in run'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/compass-0.12.2/lib/compass/compiler.rb:126:in `timed'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/compass-0.12.2/lib/compass/compiler.rb:100:in `run'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/compass-0.12.2/lib/compass/commands/update_project.rb:45:in `perform'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/compass-0.12.2/lib/compass/commands/base.rb:18:in `execute'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/compass-0.12.2/lib/compass/commands/project_base.rb:19:in `execute'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/compass-0.12.2/lib/compass/exec/sub_command_ui.rb:43:in `perform!'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/compass-0.12.2/lib/compass/exec/sub_command_ui.rb:15:in `run!'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/compass-0.12.2/bin/compass:30:in `block in <top (required)>'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/compass-0.12.2/bin/compass:44:in `call'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/compass-0.12.2/bin/compass:44:in `<top (required)>'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/bin/compass:23:in `load'
      /path/to/user/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/bin/compass:23:in `<main>'
    overwrite ../css/app.css 
        error MyPanel.scss (Line 2: Undefined mixin 'no-background'.)
    [ERR]
    [ERR] BUILD FAILED
    [ERR] com.sencha.exceptions.ExProcess: compass process exited with non-zero code : 1
    [ERR]
    [ERR] Total time: 1 minute 1 second
    [ERR] The following error occurred while executing this line:
    /path/to/app/public/.sencha/app/build-impl.xml:273: The following error occurred while executing this line:
    /path/to/app/public/.sencha/app/sass-impl.xml:200: The following error occurred while executing this line:
    /path/to/app/public/.sencha/app/sass-impl.xml:206: com.sencha.exceptions.ExProcess: compass process exited with non-zero code : 1
    My app.scss looks like:

    Code:
    @import 'sencha-touch/cupertino';@import 'sencha-touch/cupertino/all';
    
    
    @import 'MyMixins';
    
    
    @import 'MyPanel';
    Mixing 'no-background' is defined in MyMixins and used in MyPanel. And yet the error.

    Thoughts?

  9. #9
    Sencha User
    Join Date
    Mar 2010
    Posts
    456
    Answers
    10
    Vote Rating
    0
    abcdef is an unknown quantity at this point

      0  

    Default


    Any thoughts? Any help is much appreciated. Unfortunately, I'm more or less stalled at this point. Thanks for your time!

  10. #10
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    3,875
    Answers
    325
    Vote Rating
    128
    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


    This is really a sass issue.
    What does your MyMixins and MyPanel file look like?
    Have you tried googling the error message? Specifically 'Undefined mixin'
    I found this similar error message. Hope it helps.
    http://stackoverflow.com/questions/1...in-user-select
    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: 1

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..." hd porno faketaxi