CODEWITHSUNDEEP
javascriptbackbone.js
Matt Darby
Matt Darby

Reputation: 6324

Backbone.js: `extend` undefined?

Just getting started with Backbone.js. Simply including Backbone (either dev/production versions) causes the error:

Uncaught TypeError: Cannot call method 'extend' of undefined on Line 128:

// Attach all inheritable methods to the Model prototype
_.extend(Backbone.Model.prototype, Backbone.Events,

Upvotes: 105

Views: 28874

Answers (3)

Cyber Square Professional
Cyber Square Professional

Reputation: 790

The order is also important. I got the same error and it was was not resolved until I gave the underscore.js before backbone.js. 

<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min.js" type="text/javascript"></script>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js" type="text/javascript"></script>

Upvotes: 1

Somnath Kokane
Somnath Kokane

Reputation: 21

Backbone only hard dependency is Underscore.js load underscorejs script before backbonejs script

Upvotes: 2

Matt Darby
Matt Darby

Reputation: 6324

The issue was that I wasn't loading underscore.js. I totally missed that dependency in the docs. Duh.

Further clarification from @tjorriemorrie: I had underscore, but loaded in the wrong order, first load underscore (guess that is what 'dependency' means :)

Further Clarification just in case this isn't obvious. The order that things are loaded in JavaScript relates to the order the show up on the page. To load underscore first, be sure that the script tag including it comes before the one loading backbone. Like this:

<script src="underscore-1.4.4-min.js"></script>
<script src="backbone-1.0.0-min.js"></script>

Upvotes: 217

Related Questions