using jquery with browserify

Question

I am trying to use jQuery with browserify with the module jquery-browserify. I required the module in my client.js script as such:

    var $ = require('jquery-browserify');

and when I run my node server, after i've ran browserify, i get a "window is not defined" error. What am I doing wrong?

you were trying to use this inside of node and not in a browser, right? — Jamund Ferguson
– Jamund Ferguson, Commented Oct 3, 2013 at 6:12
Perhaps you have to pass a reference to the window object: var $ = require('jquery-browserify')(window); — Kokodoko
– Kokodoko, Commented Mar 2, 2015 at 11:30
Try installing locally jquery "npm install jquery --save-dev" and use it "var $ = require('jquery');" instead of "jquery-browserify". — Garci García
– Garci García, Commented Mar 31, 2016 at 8:06

Chris · Accepted Answer · 2015-11-09 09:27:19Z

5

jQuery is now CommonJS compliant, as of version 2.1.0

answered Nov 9, 2015 at 9:27

Chris

3323 silver badges8 bronze badges

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

2 Comments

eignhpants Over a year ago

This was so long ago I don't expect a response, but whatever. How does this work. I jave jQuery 2.10 module from npm, but when I create a module and pass it in using browserify, I cannot use jquery in that module. I see a lot of comments saying it is commonJS compliant, and nothing on how to use it.

Chris Over a year ago

Interesting, could you post an example on GitHub? I've found var $ = require('jquery') to work pretty well.

Andrew Hacking · Accepted Answer · 2014-02-19 06:26:02Z

4

Browserify can process CommonJS modules as well as AMD modules with the deamdify transform so now there should be no need to use a shim.

To be clear I only noticed AMD support in JQuery 2.0.0

answered Feb 19, 2014 at 6:26

Andrew Hacking

6,37633 silver badges37 bronze badges

1 Comment

Claudia Over a year ago

Too bad this question was asked in 2012. This is probably why they made those.

David Refoua · Accepted Answer · 2019-03-26 10:26:33Z

2

jQuery was not CommonJS compliant, i.e. it didn't export itself via module.exports = $ until 2.1.0.

Therefore you needed to shim it via browserify-shim.

browserify-shim will shim any version of jquery or any other non-CommonJS library like Zepto on the fly. Details on how to set this up are included in the readme.

As an alternative you could have also used jquery-browserify, but then you would be tied to the jQuery version that this module made CommonJS compliant.

edited Mar 26, 2019 at 10:26

David Refoua

3,6654 gold badges36 silver badges59 bronze badges

answered Dec 21, 2012 at 15:06

Thorsten Lorenz

11.9k8 gold badges54 silver badges64 bronze badges

1 Comment

Ilan Biala Over a year ago

it is commonsJS compliant as of 2.1.0

Collectives™ on Stack Overflow

using jquery with browserify

3 Answers 3

2 Comments

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related