AngularJS + jQuery + mobile angular ui + phonegap = fail

Question

I'm trying to build my first mobile app. What I usying: AngularJS, Mobile Angular UI, jQuery and PhoneGap.

My code:

<!doctype html>
<html>
<head>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular-route.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular-touch.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <link rel="stylesheet" href="/mobile-angular-ui/dist/css/mobile-angular-ui-base.min.css" />
    <link rel="stylesheet" href="/mobile-angular-ui/dist/css/mobile-angular-ui-desktop.min.css" />
    <link rel="stylesheet" href="/css/demo.css" />
    <script src="/mobile-angular-ui/dist/js/mobile-angular-ui.min.js"></script>
</head>
<body ng-app="MyApp" ng-controller="MainController">

   HERE HTML CODE

<script>

   HERE ALL LOGIC

</script>
</body>
</html>

In all browsers all works fine, but when I getting apk file from PhoneGap and running it on my Nexus 4 (Android) I seeing white screen :*(

frank · Accepted Answer · 2014-07-27 09:06:53Z

2

you need to add the below line at the start of the the head tag

<script type="text/javascript" src="cordova.js"></script>

Also make sure you check the deviceready event to make any native device API calls.

answered Jul 27, 2014 at 9:06

frank

3,3303 gold badges18 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Bohdan Vorona Over a year ago

Thanks. I added cordova.js to my project, but now I'm seeing this error: "Uncaught ReferenceError: require is not defined". This is line "var channel = require('cordova/channel')" in cordova.js file.

frank Over a year ago

Have look over here and here for the require error.. How did you create the phonegap project?

frank Over a year ago

another link for phonegap build require error here

frank Over a year ago

phonegap build require error link here

Collectives™ on Stack Overflow

AngularJS + jQuery + mobile angular ui + phonegap = fail

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest