Sencha touch 2 native assembly not loading

Question

After creating the default application:

sencha generate app Sencha ../Sencha 

I decided to test the application on an iOS simulator

 cd ../Sencha/ sencha app build native 

It downloads the application, but gets stuck in the download icon:

The following is the code for the main application (App.js):

 Ext.application({ name: 'Sencha', requires: [ 'Ext.MessageBox' ], views: ['Main'], icon: { '57': 'resources/icons/Icon.png', '72': 'resources/icons/Icon~ipad.png', '114': 'resources/icons/ [e-mail] ', '144': 'resources/icons/ Icon~[e-mail] ' }, isIconPrecomposed: true, startupImage: { '320x460': 'resources/startup/320x460.jpg', '640x920': 'resources/startup/640x920.png', '768x1004': 'resources/startup/768x1004.png', '748x1024': 'resources/startup/748x1024.png', '1536x2008': 'resources/startup/1536x2008.png', '1496x2048': 'resources/startup/1496x2048.png' }, launch: function() { // Destroy the #appLoadingIndicator element Ext.fly('appLoadingIndicator').destroy(); // Initialize the main view Ext.Viewport.add(Ext.create('Sencha.view.Main')); }, onUpdated: function() { Ext.Msg.confirm( "Application Update", "This application has just successfully been updated to the latest version. Reload now?", function(buttonId) { if (buttonId === 'yes') { window.location.reload(); } } ); } }); 

The following is the main view code (Main.js):

 Ext.define("Sencha.view.Main", { extend: 'Ext.tab.Panel', requires: [ 'Ext.TitleBar', 'Ext.Video' ], config: { tabBarPosition: 'bottom', items: [ { title: 'Welcome', iconCls: 'home', styleHtmlContent: true, scrollable: true, items: { docked: 'top', xtype: 'titlebar', title: 'Welcome to Sencha Touch 2' }, html: [ "You've just generated a new Sencha Touch 2 project. What you're looking at right now is the ", "contents of <a target='_blank' href=\"app/view/Main.js\">app/view/Main.js</a> - edit that file ", "and refresh to change what rendered here." ].join("") }, { title: 'Get Started', iconCls: 'action', items: [ { docked: 'top', xtype: 'titlebar', title: 'Getting Started' }, { xtype: 'video', url: 'http://av.vimeo.com/64284/137/87347327.mp4?token=1330978144_f9b698fea38cd408d52a2393240c896c', posterUrl: 'http://b.vimeocdn.com/ts/261/062/261062119_640.jpg' } ] } ] } }); 

Answer 1

Change "logger": "no" to "logger": "false" in app.json . When you are done, it should look like this:

 "buildOptions": { "product": "touch", "minVersion": 3, "debug": false, "logger": "false" }, 

Then rebuild again using sencha app build native . You can reproduce the same error in the browser using sencha app build production , and then tell the browser http://localhost/path/to/myapp/build/production . If you do this, you will have to clear the browser cache before it works (on chrome: wrench-> tools-tools tools-> local storage-> hostname-> X (for deletion).

Answer 2

The build process creates an abbreviated version during the build process. Run it in a browser and check what the error console says.

Answer 3

so it's really late, but it looks like you didn’t mark your question as you answered, and I just spent a couple of hours trying to figure it out, and it turns out that all this is due to the discrepancy between Sencha Docs, Sencha SDK Tools to download and the actual Sencha SDK.

Hope this helps someone -

The base application should be launched using Sencha Command 3.0.0 (and not the SDK Tools that worked for Sencha 2.0) if you are SDK version 2.1.0 or higher. If you get a bit of the Sencha Command (setting it did not fit into PATH for me, so I had to manually add it), everything works like a charm.

http://docs.sencha.com/touch/2-1/#!/guide/command

Hope this helps some resignations!