module was created but never loaded angularjs

Question

I have read just about all the related responses to this question including this Why is my AngularJS module never loaded? and a few others and some how I am just not getting it right

this is what my app.js looks like

'use strict';
var appAcademia = angular.module("appAcademia",  ['seblucas.slPageSizeChanger', 'LocalStorageModule', 'ngRoute', 'ngAnimate',     'ui.bootstrap', 'ui.router', 'ngResource']).config(function ($routeProvider, $stateProvider, $urlRouterProvider,   $httpProvider, $resourceProvider) {
$httpProvider.interceptors.push('authInterceptorService');
$resourceProvider.defaults.stripTrailingSlashes = false;
$routeProvider.when('/home',
    {
        templateUrl: '/Home/Home',
        controller: 'HomeController'
    });

$routeProvider.when('/management',
        {
            templateUrl: '/management',
            controller: 'ManagementController',
            controllerAs: 'vm',
            secure: true
        });
$routeProvider.when('/createschoolmanagement',
        {
            templateUrl: '/management/createSchoolManagement',
            controller: 'ManagementController',
            controllerAs: 'vm',
            secure: true
        });
$routeProvider.when('/getschoolmanagement',
        {
            templateUrl: '/management/GetSchoolManagement',
            controller: 'ManagementController',
            controllerAs: 'vm',
            secure: true
        });
$routeProvider.when('/login',
        {
            templateUrl: '/home/login',
            controller: 'LoginController'
        });
$routeProvider.when('/signup',
        {
            templateUrl: '/home/signup',
            controller: 'SignupController'
        });
$routeProvider.when('/welcome',
        {
            templateUrl: '/home/welcome',
            controller: 'WelcomeController'
        });
$routeProvider.when('/users',
         {
             templateUrl: '/home/users',
             controller: 'UsersController',
             controllerAs: 'vm',
             secure: true
         });
//$routeProvider.when('/roles/:userId',
//         {
//             templateUrl: '/home/roles',
//             controller: 'UserEditController',
//             controllerAs: 'vm',
//             secure: true
//         });
$routeProvider.when('/createuser/:userId', {
    controller: 'UserEditController',
    templateUrl: '/home/EditUser',
    controllerAs: 'vm',
    secure: true //This route requires an authenticated user
});

$routeProvider.otherwise(
        {
            redirectTo: '/home'
        });
   });


var authServiceBase = 'http://localhost:26264/';
var resourceServiceBase = 'http://localhost:47039/';
appAcademia.constant('ngAuthSettings', {
apiAuthServiceBaseUri: authServiceBase,
apiResourceServiceBaseUri: resourceServiceBase,
clientId: '414e1927a3884f68abc79f7283837fd1'
});

appAcademia.run(['authService', function (authService) {
authService.fillAuthData();
}]);

All the modules below are created but never loaded Then I get the following error message in the console

"Uncaught Error: [$injector:nomod] Module 'appAcademia' 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. http://errors.angularjs.org/1.3.0-build.3042+sha.76e57a7/$injector/nomod?p0=appAcademia"

when I run CCleaner and run the application again I get this error below Uncaught Error: [$injector:nomod] Module 'appAcademia' 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. http://errors.angularjs.org/1.4.8/$injector/nomod?p0=appAcademia

Now watch the Url in both cases. The first one refers to angular 1.3.0 and the second one refers the version 1.4.8 which is the one i actually installed

i have tried out the best practices all to no avail. I have been at this for weeks.

Modules (63)
The best practice for module names is to use dot.case or lowerCamelCase.      Check the name of "LocalStorageModule".
Module "ngRoute" was created but never loaded.
Module "ngAnimate" was created but never loaded.
Module "ngResource" was created but never loaded.
Module "LocalStorageModule" was created but never loaded.
Module "ui.router.util" was created but never loaded.
 Module "ui.router.router" was created but never loaded.
Module "ui.router.state" was created but never loaded.
Module "ui.router" was created but never loaded.
Module "ui.router.compat" was created but never loaded.

 Module "appAcademia" was created but never loaded.

Richard Hamilton · Accepted Answer · 2015-12-20 23:53:19Z

2

OK, now that I looked at your code, I understand your issue. It's with this line

var appAcademia = angular.module("appAcademia", 
['seblucas.slPageSizeChanger', 'LocalStorageModule', 'ngRoute', 'ngAnimate',     
'ui.bootstrap', 'ui.router', 'ngResource']).config(function ($routeProvider, $stateProvider, $urlRouterProvider,   $httpProvider, $resourceProvider)

You're setting the variable to the module name's config function. Instead do this

var appAcademia = angular.module("appAcademia", 
['seblucas.slPageSizeChanger', 'LocalStorageModule', 'ngRoute', 'ngAnimate',     
'ui.bootstrap', 'ui.router', 'ngResource']);

appAcademia.config(function ($routeProvider, $stateProvider, $urlRouterProvider,   $httpProvider, $resourceProvider)

edited Dec 20, 2015 at 23:53

answered Dec 20, 2015 at 23:45

Richard Hamilton

26.5k11 gold badges65 silver badges88 bronze badges

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

1 Comment

Tee-Jay Over a year ago

Thanks Richard, I have tried your solution out but I am still getting the same errors

Collectives™ on Stack Overflow

module was created but never loaded angularjs

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related