"$.getJSON is not a function" using jQuery from babel-node and ES6 [duplicate]

Question

I'm trying to import jQuery using ES6, and, most importantly, I'm running the code using babel-node (cli).

I've read a question, but the solution reported there doesn't seem to work: I tried

npm i --save jquery

and then

import {$,jQuery} from 'jquery';

console.log($);

But I get undefined logged to the console, and I cannot use jQuery.

How should I import $?

I also tried

import $ from 'jquery';

as suggested from @Jai and reported on the npm manual, but even though I obtain "[Function"] as the result of console.log($), $.getJSON("www.google.com") returns me TypeError: _jquery2.default.getJSON is not a function.

This is true only running the code from babel-node (cli), if I run the code from the browser loading the generated bundle it works.

Have you tried the actual syntax from the question? import * as $ from 'jquery'; If you write import { $, JQuery }, you try to destructure the object the jquery file returns, which isn't correct I think. Also, $ and JQuery are the same function. — Shilly
– Shilly, Commented Aug 13, 2018 at 14:51
@Shilly Trying import * as $ from 'jquery'; and then using $.getJSON("google.com"); gives me TypeError: $.getJSON is not a function — cdarwin
– cdarwin, Commented Aug 13, 2018 at 15:06
Which version of jQuery are you using? If you are using jQuery slim $.getJSON is not part of the interface which is why you'd see that error. It doesn't package $.ajax or the helper methods. — dysfunc
– dysfunc, Commented Aug 13, 2018 at 15:35

Xixis · Accepted Answer · 2018-08-13 14:50:20Z

2

I suggest you try using the code below

import $ from 'jquery';

or

import jQuery from 'jquery';

answered Aug 13, 2018 at 14:50

Xixis

9197 silver badges8 bronze badges

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

1 Comment

cdarwin Over a year ago

I tried the first solution. console.log says "[Function]", but $.getJSON("google.com"); gives me TypeError: _jquery2.default.getJSON is not a function

Collectives™ on Stack Overflow

"$.getJSON is not a function" using jQuery from babel-node and ES6 [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related