ES6 import – jQuery is not defined

Question

I'm using Gulp and Browserify for my build process, except I'm having trouble using third party jQuery plugins – showing error jQuery is not defined

The following is my file structure.

app.js

import $ from 'jquery'
import plugin from 'jquery-plugin'

jquery-plugin.js

(function($) {

    // Plugin code here

}(jQuery));

Any ideas?

You'll [need to shim](http://stackoverflow.com/questions/21265814/shim-a-jquery-plugin-with-browserify) those modules. Most jQuery plugins don't support UMD/CJS/AMD so Browserify doesn't know how to locate dependencies — CodingIntrigue, Mar 09 '16 at 15:21

Ricardo Canelas · Answer 1 · 2018-07-04T01:55:56.137

-1

Maybe you need use './'

import $ from 'jquery' import plugin from './jquery-plugin'

EDITED, my new answer below:

Try this way:

import * as jqueryPlugin from 'jquery-plugin'

edited Jul 04 '18 at 01:55

answered Sep 23 '16 at 13:19

Ricardo Canelas

2,280
26
21

He is importing from node_modules so './' is not required. we use './' when importing files from relative directories. – Hemant Sankhla Jul 02 '18 at 11:32
You are right... maybe he can use this way `import * as` for example: `import * as _ from "lodash"` – Ricardo Canelas Jul 04 '18 at 01:53

ES6 import – jQuery is not defined

1 Answers1

Linked