Getting type error importing jQuery using ES6 syntax

Question

Following the answer to this question I tried to import jQuery using import {$, jQuery} from 'jquery';. and am getting the error Uncaught TypeError: (0 , _jquery.$) is not a function in the browser. Am using Babel with the ES2015 preset to transpile my Code. If I use two separate imports i.e. import $ from 'jquery'; import jQuery from 'jquery' then it works fine. Why can't I use the combined syntax?

Bergi · Accepted Answer · 2017-11-27 11:52:55Z

2

Because import $ from 'jQuery' is short for import {default as $} from 'jQuery'. If you import {$, jQuery}, those are two names that are not exported. You can however use

import {
    default as $,
    default as jQuery
} from 'jQuery';

answered Nov 27, 2017 at 11:52

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

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

Collectives™ on Stack Overflow

Getting type error importing jQuery using ES6 syntax

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related