AngularJS Module 'app.module' is not available

Question

I'm using a FrontApp that loads dependancies and I'm stuck with this error :

 Uncaught Error: [$injector:modulerr] Failed to instantiate module moduleApp due to:
 Error: [$injector:modulerr] Failed to instantiate module app.module due to:
 Error: [$injector:nomod] Module 'app.module' 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.

I probably miss something on my syntax call but can't figure out :/

index.html

<!DOCTYPE html>
<html ng-app="moduleApp">
.....

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

app/app.module.js

(function (angular) {
'use strict';

var moduleApp = angular.module('moduleApp', [
    'app.module'
]);

 })(angular);

app/module/module.route.js

(function () {
'use strict';

angular
    .module('app.module')
    .run(appRun);
    .....

app/module/module.controller.js

(function (angular) {
'use strict';

angular
     .module('app.module')
     .controller('ModuleController', ModuleController);

ModuleController.$inject = [...];

AlliterativeAlice · Accepted Answer · 2017-01-25 21:30:15Z

3

You never create app.module module. On app/module/module.route.js

(function () {
'use strict';

angular
    .module('app.module', [])
    .run(appRun);
    .....

And this file should be loaded before the file that contains:

(function (angular) {
'use strict';

    var moduleApp = angular.module('moduleApp', [
        'app.module'
    ]);

})(angular);

Or just add on your app/app.module.js file:

(function (angular) {
'use strict';
    angular.module('app.module', []); 
    var moduleApp = angular.module('moduleApp', [
        'app.module'
    ]);

     })(angular);

I recommend that you choose meaningful names for your modules, i9t is strange that you have app.module and appModule modules.

edited Jan 25, 2017 at 21:30

AlliterativeAlice

12.7k9 gold badges56 silver badges73 bronze badges

answered Jun 4, 2015 at 10:02

Raulucco

3,4261 gold badge23 silver badges27 bronze badges

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

2 Comments

user1713964 Over a year ago

Thks Raul. I forgot this damn [] after the module name !

Raulucco Over a year ago

you're welcome. This kind of things hapend very often

Collectives™ on Stack Overflow

AngularJS Module 'app.module' is not available

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related