Getting started with RequireJS and Backbone

Question

I am new to both Backbone and Require JS.

I am receiving the following error:

Cannot read property View of undefined.

So Backbone is not available, but I cannot see where the problem is. Any help would be much appreciated.

I have the following 3 files:

index.html:

<!DOCTYPE html>
<html lang="en">
  <head>
    <script data-main="boot" src="../libs/require/require.js"></script>
  </head>
  <body>
    <div id="main">Magic!</div>
  </body>
</html>

boot.js:

require.config({
  baseUrl: "../",
  paths: {
      jquery : "libs/jquery/jquery-1.8.3.min",
      underscore : "libs/underscore/underscore-min",
      backbone : "libs/backbone/backbone-min"
  }
});

require( [ "app/views/app" ], function(AppView) {
  var app = new AppView();
});

app.js:

define([
    "jquery",
    "underscore",
    "backbone"
    ], function( $, _, Backbone ) {

    var AppView = Backbone.View.extend({
        el: $( "#main" ),
        initialize: function () {
             this.render();
        },
        render: function() {
            this.el.html("huzzah!");
        }
    });
    return AppView;

});

You should look at stackoverflow.com/questions/13944672/…

BAK
– BAK

2012-12-27 00:12:56 +00:00
Commented Dec 27, 2012 at 0:12 — BAK
– BAK, Commented Dec 27, 2012 at 0:12

AaronAsAChimp · Accepted Answer · 2012-12-27 00:27:10Z

3

You're going to need to shim backbone in order for it to work with requirejs.

From the RequireJS docs:

requirejs.config({
    shim: {
        'backbone': {
            //These script dependencies should be loaded before loading
            //backbone.js
            deps: ['underscore', 'jquery'],
            //Once loaded, use the global 'Backbone' as the
            //module value.
            exports: 'Backbone'
        }
    }
});

answered Dec 27, 2012 at 0:27

AaronAsAChimp

5397 silver badges18 bronze badges

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

1 Comment

AaronAsAChimp Over a year ago

Yes, in its own file and it gets included directly from the html. I usually call it 'config.js'. TodoMVC has an excellent example of using backbone and require. addyosmani.github.com/todomvc/dependency-examples/…

Collectives™ on Stack Overflow

Getting started with RequireJS and Backbone

index.html:

boot.js:

app.js:

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

index.html:

boot.js:

app.js:

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related