How to use npm jquery module?

Question

How should I requirethe jquery in node if I use it in multiple modules? Should I define it as a global or should I just use the require('jquery)` in every module I need it?

I am getting an error when trying to use the package.

TypeError: Object function ( w ) {
            if ( !w.document ) {
                throw new Error( "jQuery requires a window with a document" );
            }
            return factory( w );
        } has no method 'isArray'

It looks like a bug in the current release as it should not check if I am running it in a browser according to the official documentation. This issue is also mentioned in another post. It works with version 1.8.3 as mentioned in one of the answers.

alki · Accepted Answer · 2018-06-14 05:03:14Z

23

To use jquery in node, you need to have two separate node package installations.

jquery
jsdom to create a dummy window object which jquery can use.

Installation:

npm install jquery
npm install jsdom

In code:

var jsdom = require("jsdom").jsdom;
global.$ = require('jquery/dist/jquery')(jsdom().createWindow());

Or, with newer versions of jsdom:

require("jsdom").env("", function(err, window) {
    if (err) {
        console.error(err);
        return;
    }

    var $ = require("jquery")(window);
});

Using global.$ will make the jquery object($) available globally in your project.

edited Jun 14, 2018 at 5:03

alki

3,6045 gold badges24 silver badges45 bronze badges

answered Feb 17, 2014 at 17:37

agaase

1,6222 gold badges16 silver badges26 bronze badges

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

Comments

MahyarJ · Accepted Answer · 2015-10-18 06:46:19Z

20

You can use as below to handle as usual:

var $;
$ = require('jquery');
$('.tag').click(function() {
  return console.log('clicked');
});

answered Oct 18, 2015 at 6:46

MahyarJ

3213 silver badges9 bronze badges

1 Comment

rodrigocfd Over a year ago

This works well for Node.js. And if you're on TypeScript, don't forget to npm i --save-dev @types/jquery.

Collectives™ on Stack Overflow

How to use npm jquery module?

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related