Results 1 to 5 of 5

Thread: Multiple problems using a theme

    Success! Looks like we've fixed this one. According to our records the fix was applied for a bug in our system in a recent build.
  1. #1
    Sencha Premium User
    Join Date
    Aug 2014
    Location
    Auckland
    Posts
    46
    Vote Rating
    11
      1  

    Default Multiple problems using a theme

    Starting from scratch:

    • Create a workspace and classic app.
    • Generate a theme for the new app.
    • Update app.json to use the new theme.
    • Build the app

    Build will fail with:
    Code:
    [INF] Processing Build Descriptor : default
    [ERR] Cannot satisfy requirements for "${args.theme.extend.name}"!
    [ERR]    The following versions cannot be satisfied:
    [ERR]       MyTheme: ${args.theme.extend.name} (No matches!)
    [ERR] Cannot resolve package requirements
    Easy to solve, open package.json and give it a theme to extend from. Put in "ext-theme-classic". Build the app again. This time I get:
    Code:
    Sencha Cmd v6.0.0.92
    [INF] Processing Build Descriptor : default
    [INF] Starting server on port : 1841
    [INF] Mapping http://localhost:1841/~cmd to D:\Programs\Sencha\Cmd\6.0.0.92...
    [INF] Mapping http://localhost:1841/ to D:\Projects\Sencha6App...
    [INF] Application available at http://localhost:1841
    [INF] Loading app json manifest...
    [INF] Appending content to D:\Projects\Sencha6App\myApp\bootstrap.js
    [INF] Writing content to D:\Projects\Sencha6App\myApp\bootstrap.json
    [INF] Compressing data with YuiJavascriptCompressor
    [INF] Writing concatenated output to file D:\Projects\Sencha6App\build\production\MyApp\app.js
    [INF] merging 256 input resources into D:\Projects\Sencha6App\build\production\MyApp\resources
    [INF] merged 0 resources into D:\Projects\Sencha6App\build\production\MyApp\resources
    [INF] merging 10 input resources into D:\Projects\Sencha6App\build\production\MyApp
    [INF] merged 0 resources into D:\Projects\Sencha6App\build\production\MyApp
    [INF] Writing content to D:\Projects\Sencha6App\myApp\sass\example\bootstrap.json
    [INF] Writing content to D:\Projects\Sencha6App\myApp\sass\example\bootstrap.js
    [INF] writing sass content to D:\Projects\Sencha6App\build\temp\production\MyApp\slicer-temp\MyApp-example.scss.tmp
    loading page http://localhost:1841/myApp/sass/example/fashion.html?phantomjs=true
    Loading sass builder...
    registering ready listener...
    successfully loaded page http://localhost:1841/myApp/sass/example/fashion.html?phantomjs=true
    loading phantomjs adapter
    processing update type : BuildSassFile
    building scss file ..\..\..\build\temp\production\MyApp\slicer-temp\MyApp-example.scss
    scss build error for ..\..\..\build\temp\production\MyApp\slicer-temp\MyApp-example.scss
    Error: Undefined variable : $grid-row-cell-over-background-color
    Error: Undefined variable : $grid-row-cell-over-background-color
    saving generated css
    loading generated css
    using base hfref : http://localhost:1841/build/temp/production/MyApp/slicer-temp/
    css build complete
    loading widget definitions...
    rendering widgets...
    processing update type : CaptureWidgetManifest
    saving image file to D:\Projects\Sencha6App/build/temp/production/MyApp/slicer-temp/theme-capture.png
    Saving slicer page image to D:\Projects\Sencha6App/build/temp/production/MyApp/slicer-temp/theme-capture.png
    saving widget data to D:\Projects\Sencha6App/build/temp/production/MyApp/slicer-temp/theme-capture.json
    Saving slicer widget manifest to D:\Projects\Sencha6App/build/temp/production/MyApp/slicer-temp/theme-capture.json
    [INF] Slicing images...
    [ERR] 
    [ERR] BUILD FAILED
    [ERR] com.sencha.exceptions.BasicException: Java heap space
    [ERR]     at com.sencha.cli.Commands.dispatch(Commands.ja
    [ERR] va:64)
    [ERR] 
    [ERR] Total time: 38 seconds
    
    [ERR] The following error occurred while executing this line:
    D:\Projects\Sencha6App\myApp\.sencha\app\build-impl.xml:335: The following error occurred while executing this line:
    D:\Projects\Sencha6App\myApp\.sencha\app\slice-impl.xml:370: The following error occurred while executing this line:
    D:\Projects\Sencha6App\myApp\.sencha\app\slice-impl.xml:371: The following error occurred while executing this line:
    D:\Projects\Sencha6App\myApp\.sencha\app\slice-impl.xml:240: com.sencha.exceptions.BasicException: Java heap space
    Ignoring the first error, looks like something bad happened during slicing. I turn it off in the apps sencha.cfg. This now builds, but I still get the error "Undefined variable : $grid-row-cell-over-background-color".

    The generated css file is empty. I used the example code from here to add some custom css: http://docs.sencha.com/extjs/5.1/cor..._Component_UIs

    Here is the app I created minus the contents of the ext folder.
    https://www.dropbox.com/s/dqzfg5x3eu...a6App.zip?dl=0

    I'm using java version "1.8.0_25"
    Last edited by GSandoval-Greentree; 27 May 2015 at 12:32 PM. Reason: Added java version

  2. #2
    Sencha Premium User
    Join Date
    Aug 2014
    Location
    Auckland
    Posts
    46
    Vote Rating
    11
      1  

    Default

    Also,

    Go into the theme directory and type 'sencha package build'.
    This gives:
    Code:
    Sencha Cmd v6.0.0.92
    [INF] Processing Build Descriptor : default
    [ERR] Cannot satisfy requirements for "theme-classic"!
    [ERR]    The following versions cannot be satisfied:
    [ERR]      mytheme: theme-classic (No matches!)
    [ERR] Cannot resolve package requirements
    Adding "toolkit": "classic" to the themes package.json removes that error. This still does not change the problem I mentioned above. It will still generate an empty css file.

  3. #3
    Sencha User dongryphon's Avatar
    Join Date
    Jul 2009
    Location
    Kansas
    Posts
    1,748
    Vote Rating
    263
      0  

    Default

    The problem with the generator leaving "${args.theme.extend.name}" has been fixed (SDKTOOLS-1116).

    There is a problem (not yet fixed) using the alternate names ("ext-theme-foo" instead of "theme-foo") that causes scss files to be included in the wrong order. Maybe that is what you are seeing there?

    I will download the zip and see what I see using the latest bits.
    Don Griffin

    "Use the source, Luke!"

  4. #4
    Sencha User dongryphon's Avatar
    Join Date
    Jul 2009
    Location
    Kansas
    Posts
    1,748
    Vote Rating
    263
      0  

    Default

    I downloaded the app and tested it with the soon to be released beta builds (using "extend": "theme-classic") and it all seems to be working now. I can build the theme (if I add "toolkit": "classic" to it) and the app.
    Don Griffin

    "Use the source, Luke!"

  5. #5
    Sencha User
    Join Date
    Apr 2015
    Posts
    3
    Vote Rating
    1
      1  

    Default

    Quote Originally Posted by dongryphon View Post
    There is a problem (not yet fixed) using the alternate names ("ext-theme-foo" instead of "theme-foo") that causes scss files to be included in the wrong order.
    Don,

    Could you please let us know if this bug has been resolved and in what release? If it has not been resolved, could you please provide the bug number so we can track it? As well, if you could confirm that simply executing 'sencha app build' twice is a valid work-around, that would be great.

    Thanks!

Similar Threads

  1. [INFOREQ] layout problems with custom theme
    By JPfahl in forum Ext:Bugs
    Replies: 9
    Last Post: 8 Nov 2011, 2:55 PM
  2. Problems loading Slate theme
    By cutout33 in forum Ext GWT: Discussion
    Replies: 2
    Last Post: 3 Aug 2011, 3:02 PM
  3. Theme and Custom VType problems
    By mikfig in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 11 Feb 2008, 5:23 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •