Angular JS Uncaught Error: [$injector:modulerr] simple code

Question

Uncaught Error: [$injector:modulerr] Failed to instantiate module myApp due to:
Error: [$injector:nomod] Module 'myApp' is not available! 
You either misspelled the module name or forgot to load it.

I've searching a lot about my problem and can not find solution and I bet it's something silly.

My code:

myangular.js

 (function(){

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

    app.controller("controller", function(){
        this.creador = "daniel";
    });

});

index.html

<!DOCTYPE html>
<html ng-app="newapp">
<head>
    <title></title>
    <script src="bower_components/angular/angular.js"></script>
    <script src="js/myangular.js"></script>
</head>
<body>
    <div ng-controller="controller as cont">
        <strong>Hello World {{ cont.creador }}</strong>
    </div>

</body>
</html>

It's suspect that the console message you've logged out says myApp, not newapp. Wrong file/project/folder? — SimplGy
– SimplGy, Commented Aug 20, 2014 at 5:28

isherwood · Accepted Answer · 2014-10-28 20:53:57Z

2

Don't use an anonymous jQuery function wrapper. Just use your code and it will work fine.

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

app.controller("controller", function(){
     this.creador = "daniel";
});

edited Oct 28, 2014 at 20:53

isherwood

61.4k16 gold badges122 silver badges173 bronze badges

answered Aug 20, 2014 at 5:32

Suraj Rawat

3,76326 silver badges33 bronze badges

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

Comments

Mritunjay · Accepted Answer · 2014-08-20 05:33:52Z

2

I tried your code, and I think the error message should be newApp not myApp.

You are using an IIFE(Immediately-Invoked Function Expression) but you are just defining IIFE not calling it. You are defining your newApp in this IIFE.

(function(){

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

    app.controller("controller", function(){
        this.creador = "daniel";
    });

})();

OR don't use IIFE say like bellow

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

app.controller("controller", function(){
    this.creador = "daniel";
});

edited Aug 20, 2014 at 5:33

answered Aug 20, 2014 at 5:28

Mritunjay

25.9k7 gold badges57 silver badges71 bronze badges

Collectives™ on Stack Overflow

Angular JS Uncaught Error: [$injector:modulerr] simple code

myangular.js

index.html

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

myangular.js

index.html

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related