Sencha touch 2 native build not loading

Question

After generating the default app with: ``` sencha generate app Sencha ../Sencha ``` I decided to test the app on the iOS simulator ``` cd ../Sencha/ sencha app build native ``` It loads the app but gets stuck on the loading icon: Below 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/Icon@2x.png', '144': 'resources/icons/Icon~ipad@2x.png' }, 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.Viewpor…

Accepted Answer

Change the `"logger": "no"` to `"logger": "false"` in `app.json`. When you're done it should look like this:

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

Then rebuild again with `sencha app build native`. You can reproduce the same error in the browser with `sencha app build production` then point your browser to `http://localhost/path/to/myapp/build/production`. If you do, you'll have to clear your browser cache before it'll work (on chrome: wrench->tools-developer tools->local storage->hostname->X (for delete).

Sencha touch 2 native build not loading

Solution

Problem