Backbone Local Storage "undefined is not a function"

backbone-local-storage, backbone.js, local-storage

Solution

The `backbone.localStorage-min.js` you're loading:

http://cdnjs.cloudflare.com/ajax/libs/backbone-localstorage.js/1.0/backbone.localStorage-min.js

looks like it is out of date and it doesn't define `Backbone.LocalStorage` at all. The version of `backbone.localStorage-min.js` that you are using defines `window.Store` rather than `Backbone.LocalStorage`. If you switch to that (http://jsfiddle.net/ambiguous/grhz9/5/):

var Todos = Backbone.Collection.extend({
    model: Todo,
    localStorage: new Store("todos")
});

then you can get past building your `Todos` collection. I don't know how well things will work when you actually try to use it though. "Sun Aug 14 2011 09:53:55 -0400" is pretty much forever-ago in internet time so that version is rather antique.

If you switch to the latest version from Github:

https://raw.github.com/jeromegn/Backbone.localStorage/master/backbone.localStorage-min.js

you'll see that there are a few differences in the JavaScript and everything will start working when you use `new Backbone.LocalStorage('todos')`:

http://jsfiddle.net/ambiguous/grhz9/4/

Problem

I am using `Backbone.LocalStorage`: http://jsfiddle.net/jiewmeng/grhz9/3/ ``` $(function() { console.log(Backbone.LocalStorage); // undefined!! var Todo = Backbone.Model.extend({}); var Todos = Backbone.Collection.extend({ model: Todo, localStorage: new Backbone.LocalStorage("todos") }); });​ ``` The 1st `console.log()` gives `undefined`. Then there an error at the `localStorage: ...` line Uncaught TypeError: undefined is not a function Expected since `Backbone.LocalStorage` is `undefined` but why?

Original source