title: ExtJs 4.1.1 Custom Build for MVC Application - Application doesn't run
body: <p>In trying to create a custom build for an application, I followed these steps -
  1. Added the following in the index.html header</p>
  
  <pre><code>&lt;script type="text/javascript" src="ext/ext-debug.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="app.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>My app.js file looks like this -</p>
  
  <pre><code>Ext.application({
      name                : 'App',
      requires            : [
          'Ext.*',
          'App.view.Viewport'
      ],
      autoCreateViewport  : true,
      controllers     : [ 'MainController' ]
  });
  </code></pre>
  
  <p>Afterwards, I run the following commands</p>
  
  <pre><code>sencha create jsb -a http://127.0.0.1/index.html -p app.jsb3
  sencha build -p app.jsb3 -d . 
  </code></pre>
  
  <p>Once, the app-all.js file is created, I modify the header to look like this -</p>
  
  <pre><code>&lt;script type="text/javascript" src="ext/ext.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="app-all.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>The build seems to be happening correctly. However, the application just refuses to run!</p>
  
  <p>I seem to have tried everything anyone's mentioned about 'custom builds' on the net!</p>
  
  <p>Can anyone help or at least point me in the direction of a solution?</p>
  
  <p>Thanks!</p>