How to fix Angular JS Error: [$injector:modulerr]

Question

I am having a problem with Angular JS receiving an error

jquery.js:7993 Uncaught Error: [$injector:modulerr] Failed to instantiate module application due to:
Error: [$injector:nomod] Module 'application' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

my controller is controller.js as follows

angular.module('application') .controller( 'controller', [ '$scope', 'service', '$uibModal', '$uibModalStack','$rootScope', function($scope, service, $uibModal, $uibModalStack,$rootScope) {}]);

and my service is service.js as follows

angular.module('application').service('service',
        [ '$resource', function($resource) {
            var requstService = $resource('test', {}, {

            });
            return requstService;
        } ]);

when i load the view page it running perfectly but when i click again on site link it showing above error.Please help.

Yes i am loading scripts file dynamically.when i click First time then it working but not on second click. — Sudhir Ojha
– Sudhir Ojha, Commented Feb 1, 2017 at 8:06
Just to give context to all the 'add []' answers. If you omit the [] Angular will try to search for a module that you already created by the name and return it. Adding the array instructs Angular you want to create the module. It's one of the most common causes for your error, hence the answers. — ste2425
– ste2425, Commented Feb 1, 2017 at 8:51

Sajeetharan · Accepted Answer · 2017-02-01 07:51:19Z

1

Your controller should be,

angular.module('siteApplication',[]) .controller( 'siteController', [ '$scope', 'siteService', '$uibModal', '$uibModalStack','$rootScope', function($scope, siteService, $uibModal, $uibModalStack,$rootScope) {

answered Feb 1, 2017 at 7:51

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

Comments

Jazib · Accepted Answer · 2017-02-01 08:18:50Z

0

your module is missing [] your controller should be like:

angular.module('siteApplication',[])

also did you not paste the ending part of the controller i.e } ]); on purpose ?

answered Feb 1, 2017 at 8:18

Jazib

1,37914 silver badges27 bronze badges

Comments

Durgpal Singh · Accepted Answer · 2017-02-01 08:48:18Z

0

Use [] in your controller to create module like this.

angular.module('moduleName', [])

and use this in your html page like ng-app="moduleName"

and add dependency js file related to $uibModal.

edited Feb 1, 2017 at 8:48

answered Feb 1, 2017 at 7:55

Durgpal Singh

12k4 gold badges40 silver badges50 bronze badges

1 Comment

Durgpal Singh Over a year ago

please add js file related to $uibModal.

Collectives™ on Stack Overflow

How to fix Angular JS Error: [$injector:modulerr]

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related