angularJS failed to load module

Question

Is there anyone know why I got the following issue:

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.6/$injector/modulerr?p0=helloKinveyApp&p1=E…ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.6%2Fangular.min.js%3A17%3A350)angular.min.js:6 (anonymous function)angular.min.js:36 (anonymous function)angular.min.js:7 rangular.min.js:35 gangular.min.js:38 Obangular.min.js:17 dangular.min.js:18 scangular.min.js:16 Hdangular.min.js:249 (anonymous function)angular.min.js:163 aangular.min.js:32 c

var app = angular.module("helloKinveyApp", ["ngRoute", "kinvey"]);

app.run(["$kinvey", function($kinvey) {
    var promise = $kinvey.init({
       appKey: clientParams.appKey
        , appSecret: clientParams.appSecret
    });

    promise.then(function() {
        console.log("Kinvey init with success");
    }, function(errorCallback) {
        console.log("Kinvey init with error: " + JSON.stringify(errorCallback));
    });
}]);

<!DOCTYPE html>
<html data-ng-app="helloKinveyApp">
    <head>
        <title>Hello Kinvey Lesson 1</title>
    </head>
    <body>
        <div data-ng-view="" />
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-route.min.js"></script>
        <script src="https://da189i1jfloii.cloudfront.net/js/kinvey-angular-1.1.4.min.js"></script>
    </body>
</html>

use non-minified version of angular, you would get more details about the issue — harishr
– harishr, Commented Dec 11, 2014 at 9:06
In what section of your application is the following line located var app = angular.module("helloKinveyApp", ["ngRoute", "kinvey"]);? — Igwe Kalu
– Igwe Kalu, Commented Dec 11, 2014 at 9:08
may be you are not including the js file in which module is defined? — A.B
– A.B, Commented Dec 11, 2014 at 9:09

Igwe Kalu · Accepted Answer · 2014-12-11 09:18:48Z

0

If your code was structured in a manner similar as below, it SHOULD work (i.e. you should get a module load error):

...
<body>
    ...
    <div data-ng-view="" />
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.min.js">
    </script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-route.min.js">
    </script>
    <script src="https://da189i1jfloii.cloudfront.net/js/kinvey-angular-1.1.4.min.js">
    </script>
    ...
    <script>
        var app = angular.module("helloKinveyApp", ["ngRoute", "kinvey"]);

        app.run(["$kinvey", function($kinvey) {
            var promise = $kinvey.init({
               appKey: clientParams.appKey,
               appSecret: clientParams.appSecret
            });

            promise.then(function() {
                console.log("Kinvey init with success");
            }, function(errorCallback) {
                console.log("Kinvey init with error: " + JSON.stringify(errorCallback));
            });
        }]);
    </script>
</body>

answered Dec 11, 2014 at 9:18

Igwe Kalu

15k2 gold badges31 silver badges39 bronze badges

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

3 Comments

newbie Over a year ago

I forgot to reference to app.js in index.html

Igwe Kalu Over a year ago

so that's it. And it should be below both angular and kinvey since it's dependent on them both. Put at the last, and your problems should be solved.

Igwe Kalu Over a year ago

Don't forget to select this as the answer if it helped fix your problem.

Collectives™ on Stack Overflow

angularJS failed to load module

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related