Results 1 to 8 of 8

Thread: Issue with Sencha CMD 6.1.2.15 and theming Modern toolkit

  1. #1
    Sencha Premium Member
    Join Date
    Dec 2011
    Posts
    44

    Default Issue with Sencha CMD 6.1.2.15 and theming Modern toolkit

    Hello,

    I created a theme with sencha generate theme theme-armed-modern. Extend triton, toolkit = modern (package.json) :

    Code:
    /**
          * The namespace of this package.
          *
          * As a general rule, all classes that belong to this package should be under this namespace
          * if multiple namespaces are part of this package, set this to "".
          */
         "namespace": "Ext",
    
    
        /**
         * The package type.
         *
         * Sencha Cmd understands the following types of packages:
         *  - code : An arbitrary package of code for use by applications or other packages.
         *  - theme : A package to be used as an applications theme.
         *  - locale : A package containing localization strings or locale-specific code.
         *  - template : A package containing one or more templates.
         */
        "type": "theme",
    
    
        /**
         * The parent theme package (only for "theme" package type).
         *
         * Themes can also use extend to inherit Sass and resources from another theme package.
         *
         *    "extend": "parent-theme-package",
         */
        "extend": "theme-triton",
    
    
        /**
         * The toolkit used by this theme (only for "theme" package type).
         *
         * Themes can specify the toolkit they apply to ("classic" or "modern").
         *
         *    "toolkit": "classic",
         */
        "toolkit": "modern",
    Then added a custom Ext.Panel in /packages/local/theme-armed-modern/sass/src/Panel.scss :

    Code:
    @include panel-ui(
        $ui: 'highlight',
        $header-background-color: red,
        $border-color: red,
        $header-border-color: red,
        $body-border-color: red,
        $border-width: 5px,
        $header-color: white
    );
    Whenever I try to sencha package build, I get this error :

    Code:
    [INF] Capturing theme image
    [ERR] loading page file:///Users/plgagnon/dev/gdb/web/packages/local/theme-armed-modern/sass/example/theme.html
    timeout rendering widgets
    
    
    [ERR] 
    [ERR] BUILD FAILED
    [ERR] com.sencha.exceptions.ExProcess: phantomjs process exited with code 1
    [ERR] 
    [ERR] Total time: 38 seconds
    [ERR] The following error occurred while executing this line:
    /Users/plgagnon/dev/gdb/web/packages/local/theme-armed-modern/.sencha/package/build-impl.xml:206: The following error occurred while executing this line:
    /Users/plgagnon/dev/gdb/web/packages/local/theme-armed-modern/.sencha/package/slice-impl.xml:218: The following error occurred while executing this line:
    /Users/plgagnon/dev/gdb/web/packages/local/theme-armed-modern/.sencha/package/slice-impl.xml:179: com.sencha.exceptions.ExProcess: phantomjs process exited with code 1
    Tried adding this to custom.js :

    Code:
    Ext.theme.addManifest({
        xtype: 'panel',
        ui: 'highlight'
    });
    Results in :
    Code:
    [INF] Capturing theme image
    [ERR] loading page file:///Users/plgagnon/dev/gdb/web/packages/local/theme-armed-modern/sass/example/theme.html
    == Unhandled Error ==
    TypeError: undefined is not an object (evaluating '''Ext.theme.addManifest''')
    
    
      file:///Users/plgagnon/dev/gdb/web/packages/local/theme-armed-modern/sass/example/custom.js:14 in global code
    
    
    [ERR] 
    [ERR] BUILD FAILED
    [ERR] com.sencha.exceptions.ExProcess: phantomjs process exited with code 2
    [ERR] 
    [ERR] Total time: 8 seconds
    [ERR] The following error occurred while executing this line:
    /Users/plgagnon/dev/gdb/web/packages/local/theme-armed-modern/.sencha/package/build-impl.xml:206: The following error occurred while executing this line:
    /Users/plgagnon/dev/gdb/web/packages/local/theme-armed-modern/.sencha/package/slice-impl.xml:218: The following error occurred while executing this line:
    /Users/plgagnon/dev/gdb/web/packages/local/theme-armed-modern/.sencha/package/slice-impl.xml:179: com.sencha.exceptions.ExProcess: phantomjs process exited with code 2
    Any ideas why is this happening? I have experiences theming in CMD before but this got me clueless...

  2. #2
    Sencha Premium Member
    Join Date
    Dec 2011
    Posts
    44

    Default

    Also using Extjs 6.0.2 btw.

  3. #3
    Sencha Premium Member
    Join Date
    Dec 2011
    Posts
    44

    Default

    anyone?

  4. #4
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

    Sounds like the issue in this thread:
    https://www.sencha.com/forum/showthread.php?298627

    Are you able to disable image slicing as described in this post?
    https://www.sencha.com/forum/showthread.php?298627#8

  5. #5
    Sencha Premium Member
    Join Date
    Dec 2011
    Posts
    44

    Default

    I tried skip.slice=1 and skip-slice=true. Still seems like CMD tries to slice, same error :

    Code:
    [INF] Capturing theme image
    [ERR] loading page file:///Users/plgagnon/dev/gdb/web/packages/local/theme-armed-modern/sass/example/theme.html
    timeout rendering widgets
    
    
    [ERR] 
    [ERR] BUILD FAILED
    [ERR] com.sencha.exceptions.ExProcess: phantomjs process exited with code 1
    [ERR] 
    [ERR] Total time: 38 seconds
    [ERR] The following error occurred while executing this line:
    /Users/plgagnon/dev/gdb/web/packages/local/theme-armed-modern/.sencha/package/build-impl.xml:206: The following error occurred while executing this line:
    /Users/plgagnon/dev/gdb/web/packages/local/theme-armed-modern/.sencha/package/slice-impl.xml:218: The following error occurred while executing this line:
    /Users/plgagnon/dev/gdb/web/packages/local/theme-armed-modern/.sencha/package/slice-impl.xml:179: com.sencha.exceptions.ExProcess: phantomjs process exited with code 1

  6. #6
    Sencha Premium Member
    Join Date
    Mar 2015
    Location
    Raleigh, NC
    Posts
    47

    Default

    Just found this thread. I'm trying to solve a similar issue. Opened a thread before I found yours. Although, mine is a little different in that I just want to simply turn off PhantomJS...

    https://www.sencha.com/forum/showthr...able-PhantomJS

    I had a working theme in 6.0.1 but recently upgraded to 6.0.2 and the matching Sencha Cmd that goes with it and tried a 'sencha app watch'. I'm getting almost the exact same messages.

  7. #7
    Sencha Premium Member
    Join Date
    Mar 2015
    Location
    Raleigh, NC
    Posts
    47

    Default

    Maybe the following will work for you...however, it did not work for me.

    http://cdn.sencha.com/cmd/6.0.2.14/release-notes.html

    Release Notes for Sencha Cmd 6.0.1


    New Features
    • Build (2)
      • SDKTOOLS-1059 app.json should allow disabling slicer at the build profile level via "slicer:null"
      • SDKTOOLS-1268 Universal apps should be able to define shared resources in the build output directory


  8. #8
    Sencha Premium Member
    Join Date
    May 2011
    Posts
    66

    Default

    I posted about this in sirwesley's thread, but thought I'd add here that I'm also using modern and getting PhantomJS errors with Cmd 6.1.2.15. I get errors whenever I try to build or generate a new app (during the build phase of the app generation).

    I get:

    Code:
    PhantomJS sass build exited with code : -1073741819
    

Similar Threads

  1. Replies: 2
    Last Post: 6 Apr 2016, 12:58 PM
  2. Create and show pdf in sencha modern toolkit.
    By andy.chordiya in forum Ext JS 6.x Q&A
    Replies: 6
    Last Post: 25 Feb 2016, 6:54 AM
  3. What's coming soon in the Modern toolkit?
    By wbabich in forum Ext JS 6.x Q&A
    Replies: 1
    Last Post: 3 Aug 2015, 5:50 AM
  4. Replies: 3
    Last Post: 7 Jul 2015, 7:08 AM

Tags for this Thread

Posting Permissions

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