Cannot read property 'module' of undefined

Question

I have a basic understanding of Django and JS and recently I started learning Angular.js. I wrote code for showing hardcoded json using Angular and failed. I got the following error:

Uncaught TypeError: Cannot read property 'module' of undefined at line 10 of django-angular.js

I went through the file and saw this line:

var djng_forms_module = angular.module('ng.django.forms', []);

I don't know what the error means by undefined. I went through some of the links having similar problems but with no success.

Gregor Petrin · Accepted Answer · 2014-12-13 19:22:12Z

34

Have you forgotten to load AngularJS before your script? The error means that the object angular hasn't been seen by Javascript yet and therefore module cannot be called on it.

(that's actually a simplification but it should illustrate what's going on)

answered Dec 13, 2014 at 19:22

Gregor Petrin

2,9311 gold badge21 silver badges26 bronze badges

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

5 Comments

Sumit Gera Over a year ago

Yes. I have included <script type="text/javascript" src="{% static "djangular/js/django-angular.js" %}"></script> before my js code.

Gregor Petrin Over a year ago

Sure, but have you included angular.js (or angular.min.js) as well?

Sumit Gera Over a year ago

No. But when I included, I got an error which I tried to solve by adding separate module for ngRoute. I have included following files: jquery.min.js, angular.min.js, angular.route.js, django-angular.js and script.js.

Gregor Petrin Over a year ago

What about the error you started this question for, Cannot read property 'module' of undefined? Is the order of included scripts OK (are they included in the same order in which you wrote them in your comment)?

Sumit Gera Over a year ago

This error has been resolved. Thanks. But I am still stuck at another error.

Tomek Kozlowski · Accepted Answer · 2016-02-12 04:43:09Z

9

order matters here

<script src="javascripts/lib/angular.min.js" type="text/javascript"></script>
<script src="javascripts/lib/angular-route.min.js" type="text/javascript"></script>

answered Feb 12, 2016 at 4:43

Tomek Kozlowski

6047 silver badges6 bronze badges

Comments

Steven Wong · Accepted Answer · 2016-09-24 12:58:16Z

4

<script type="text/javascript" src="angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-cookies.js"></script> 
<script type="text/javascript" src="angular-route.js"></script>

you have to put angular.min.js before angular-route.js and angular-cookies.js

answered Sep 24, 2016 at 12:58

Steven Wong

1311 silver badge3 bronze badges

Collectives™ on Stack Overflow

Cannot read property 'module' of undefined

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related