I managed to get it running by adding the corresponding requires to each of my 'views'.
A way for me to debug this was that I added each view in the app.js one by one. If the app ran, then that meant my view was okay. Then I added another view. If the app didn't boot up, I would check the view and add the require for whichever component I was using in it.

Once you have update the index.html and how do you package your code to native? used sencha CMD to generate native app?
actually I have used your solution to use sencha CMD generate native code successfully, the native app can run on andriod 4.0.3 simulator.but Can NOT run on 4.03 real device. it's white screen as well. how do you think that?

Once you have update the index.html and how do you package your code to native? used sencha CMD to generate native app?
actually I have used your solution to use sencha CMD generate native code successfully, the native app can run on andriod 4.0.3 simulator.but Can NOT run on 4.03 real device. it's white screen as well. how do you think that?

1. Open with Xcode the phonegap project, just "add files to project" and load folder "build/APP_NAME/production", rename the folder from "production" to "www"
2. Execute run, the iphone simulator is opened, now white screen was removed and app is OK.