Jquery error '$ is not a function' in Node.js

Question

I am getting the console error '$ is not a function' when using Jquery with Jsdom. I am using the latest Jquery version 3.3.1 and Jsdom 13.2.0. I am also using Browserify in order to utilize require.

main.js

var jsdom = require('jsdom');
const { JSDOM } = jsdom;
const { window } = new JSDOM();
const { document } = (new JSDOM('')).window;
global.document = document;

var $ = jQuery = require('jquery')(window);

$("body").click(function() {
  $("#name-tag").fadeOut("slow", function() {
    // Animation complete.
  });
});

index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no"
    />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="scss/styles.css" />
    <script src="js/bundle.js"></script>
  </head>
  <body>
    <div id="name-tag">
    <h1>Hello World</h1>
    </div>
  </body>
</html>

What's with require('jquery')(window)? Won't that return a jQuery object, wrapping window? — Phil
– Phil, Commented Mar 1, 2019 at 0:30
Is there a specific need for jquery? No hate against jquery but I just don't see why you need it on the server side. — Ms01
– Ms01, Commented Mar 1, 2019 at 0:32

Barmar · Accepted Answer · 2019-03-01 00:52:37Z

3

Get rid of (window) after require('jquery'), so it should just be:

var $ = jQuery = require('jquery');

What you've written is redefining $ and jQuery as if you'd done:

jQuery = require('jquery');
var $ = jQuery = jQuery(window);

BTW, you can't declare two variables by chaining assignments like that. Only the first variable is being declared locally, the second one is an assignment without a declaration. If you want to declare two variables and given them the same value, do it in two steps:

var $, jQuery;
$ = jQuery = require('jquery');

answered Mar 1, 2019 at 0:52

Barmar

789k57 gold badges554 silver badges669 bronze badges

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

Collectives™ on Stack Overflow

Jquery error '$ is not a function' in Node.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related