Module not found in angularjs

Question

I want to wrap this https://gist.github.com/nblumoe/3052052 in a module. I just changed the code from TokenHandler to UserHandler, because on every api request I want to send the user ID.

However I get module UserHandler not found in firebug console. Here is my full code: http://dpaste.com/1076408/

The relevent part:

angular.module('UserHandler').factory('UserHandler', function() {
    var userHandler = {};
    var user = 0;

    /...

    return userHandler;
});

angular.module('TicketService', ['ngResource', 'UserHandler'])
       .factory('Ticket', ['$resource', 'UserHandler',
                function($resource, userHandler){

    var Ticket = $resource('/api/tickets/:id1/:action/:id2',
    {
        id1:'@id'
    }, 

    { 
        list: {
            method: 'GET'
        }
    }); 

    Ticket = userHandler.wrapActions( Ticket, ["open", "close"] );

    return Ticket;
}]);

Any idea why this happens? How to fix it?

Bart · Accepted Answer · 2013-08-23 18:03:54Z

40

Many has fallen into the same trap. Me included.

The following does not define a new module. It will try to retrieve a module named UserHandler which isn't defined yet.

angular.module('UserHandler')

Providing a (empty) array of dependencies as the second argument will define your module.

angular.module('UserHandler', [])

edited Aug 23, 2013 at 18:03

answered Apr 28, 2013 at 7:18

Bart

17.4k5 gold badges63 silver badges81 bronze badges

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

4 Comments

mstreffo Over a year ago

it's great that yo angular:controller creates something that doesn't work then!

mstreffo Over a year ago

I use yo to generate angular templates (see github.com/yeoman/generator-angular) and this creates a controller like this: angular.module('clientApp') .controller('MycontrollerCtrl', function ($scope) {...}) which does not work. I need to add [] to angular.module() for it to work.

Bart Over a year ago

This question is about defining modules. Your sample registers a controller with a existing module. You're suffering the same confusion :)

timhc22 Over a year ago

Not specific to this particular case but may help some (this post appears pretty high on google for this issue search): if your module is in a separate file, it also has to be included in the html: <script src="js/services.js"></script>

Atchitutchuk · Accepted Answer · 2015-07-19 04:10:14Z

2

I am new to javascript and have spent a couple of hours to discover my issue. The module initialization function can be ignored. To avoid this, do not forget to add empty parenthesis to the end of a function:

(function() {
    "use strict";
    var app = angular.module("app", []);
    })(); //<<---Here

edited Jul 19, 2015 at 4:10

answered Jul 19, 2015 at 3:54

Atchitutchuk

1841 silver badge5 bronze badges

Comments

romin21 · Accepted Answer · 2019-11-09 14:58:14Z

0

Also, don't forget to add the new module in your index.html:

<script src="app/auxiliary/test.module.js"></script>
<script src="app/auxiliary/test.route.js"></script>
<script src="app/auxiliary/test.controller.js"></script>

answered Nov 9, 2019 at 14:58

romin21

1,6611 gold badge19 silver badges37 bronze badges

Collectives™ on Stack Overflow

Module not found in angularjs

3 Answers 3

4 Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Linked

Related