Error: [$injector:modulerr]

user2300875

I am a newbie. Just learning/trying to integrate Angular with my webapp (Java + jQuery+ requireJS). I am not using any router and below is my script. From other stackoverflow I learned that this error is due to missing inclusion of ngRoute module. Since version 1.1.6 it's a separate part. But in my below code I am not at all using any ngRouter. When I am not referencing it why am I getting this error ?

Error: [$injector:modulerr] Failed to instantiate module counter due to: [$injector:nomod] Module 'counter' 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.2.11/$injector/nomod?p0=counter

Template:

<ul ng-app="counter" ng-controller="counterController">
<li>
   <span class="ui-button-text" ng-bind="critical"></span>
</li>
<li>
   <span class="ui-button-text" ng-bind="error"></span>
</li>
<li>
   <span class="ui-button-text" ng-bind="warn"></span>
</li>
<li>
   <span class="ui-button-text" ng-bind="note"></span>
</li>
</ul>

JS

requirejs.config({
  paths : {  angular: "/js/lib/angular/angular.min" },
  shim : {  "angular": {  deps: [ "jquery"],  exports: "angular" } }
});

require(["angular", "jquery"],function() {

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

module.controller('CounterController', function ($scope, $http, $timeout) {
    $scope.critical = 0;
    $scope.error = 0;
    $scope.warn = 0;
    $scope.note = 0;

    function setData(d){
        $scope.critical = d.critical;
        $scope.error = d.error;
        $scope.warn = d.warn;
        $scope.note = d.note;
    }

    var getCounters = function() {
        var config = {headers: {
                'X-MY-Request': (new Date()).getMilliseconds()
            }
        };

        $http.get('xxxxxxx', config)
                .success(function(data, status, headers, config) {
            setData(data);
            $timeout(getCounters, 60000);
        }).error(function(data, status, headers, config) {
            // Handle the error
        });

    }


    $timeout(getCounters, 500);
});
mattl

In your template your controller name has a lowercase beginning letter counterController. Your js has it with an uppercase CounterController. Could this be the issue?

Any injected module that isn't found will throw an error. Not just ngRoute.

Edit:

I just threw a quick plunker together and without the 'require' stuff all your code is correct. So no you aren't missing anything in your angular code. All modules are working.

So the problem must be with your 'require' setup. I have literally never used it so couldn't really assist you. Look here for more Angular + Requirejs - Loading in the wrong order.

For now, if I were you, I would learn one technology at a time. Just load your angular and jquery resources and then learn how to use them. Then when you are getting a little more comfortable add 'require'.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

Uncaught Error: [$injector:modulerr]

From Dev

Error: [$injector:modulerr]

From Dev

uncaught Error: [$injector:modulerr]

From Dev

Uncaught Error: [$injector:modulerr]

From Dev

Angularjs : [$injector:modulerr] error

From Dev

AngularJS Error: $injector:modulerr

From Dev

Uncought Error injector::modulerr

From Dev

Error: $injector:modulerr Module Error

From Dev

Error: Uncaught Error: [$injector:modulerr]

From Dev

AngularJS - Uncaught Error: [$injector:modulerr]

From Dev

Uncaught Error: [$injector:modulerr] (newby)

From Dev

Angular JS Error: [$injector:modulerr]

From Dev

Angularjs Uncaught Error: [$injector:modulerr]

From Dev

AngularJS 1: $injector:modulerr error

From Dev

AngularJS 1.6 $injector:modulerr Error

From Dev

[$injector:nomod], [$injector:modulerr] error in Angular

From Dev

Setup error: Uncaught Error: [$injector:modulerr]

From Dev

angular Error: $injector:modulerr Module Error

From Dev

Angular route Error: $injector:modulerr Module Error

From Dev

Error: $injector:modulerr Module Error angularjs

From Dev

Angular JS Error: $injector:modulerr Module Error

From Dev

Angular JS - Uncaught Error: [$injector:modulerr].

From Dev

Error: [$injector:modulerr] with angular JS [GULP CONTEXT]

From Dev

Error: [$injector:modulerr] Failed to instantiate module app

From Dev

Uncaught Error: [$injector:modulerr] when using angularJS

From Dev

Uncaught Error: [$injector:modulerr] ngAnimate AngularJS 1.2

From Dev

Angular JS Uncaught Error: [$injector:modulerr]

From Dev

$injector:modulerr error ng-route

From Dev

Angular.js Uncaught Error: [$injector:modulerr]