Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

$ is not a function. Backbone, jQuery and Browserify

I am creating node app with browserify to modularize frontend code. Unfortunately, I can't get Backbone working, because it's throw this error:

Uncaught TypeError: Property '$' of object #<Object> is not a function

jQuery is loaded before this script:

var _ = require('underscore'),
    Backbone = require('backbone');

// Here, jQuery works fine.
$(function() {
  Backbone.history.start();
});

It's seem like Backbone couldn't find jQuery when using browserify.

like image 644
rgtk Avatar asked Oct 22 '13 21:10

rgtk


1 Answers

Just set Backbone.$ = window.$ manually. Backbone looks for jquery in a global variable (which is defined by capturing this) and it's likely that browserify runs script not in a global context (which is consistent with CommonJS).

like image 152
vkurchatkin Avatar answered Sep 28 '22 04:09

vkurchatkin