'...jQuery is not defined' when using webpack but jQuery is defined

Question

When attempting to load my bundled script file in the browser I get:

Uncaught ReferenceError: jQuery is not defined

Which is supposedly coming from the the last line in my bundled underscore-min.js being the issue:

}()

Which doesn't make any sense? I'm not sure if something with the source map file is leading me astray. My configuration is such in webpack.config.js:

entry: {
  main: [ 
    './js/jquery.min.js', 
    './js/other.js', 
    './js/other2.js', 
    './js/underscore-min.js'
  ]
},     

...

plugins: {
  ...
  new webpack.ProvidePlugin({
    jquery: 'jquery',
    jQuery: 'jquery',
  }),
  ...
}

...

externals: {
  'jquery': 'jQuery',
  'jQuery': 'jQuery',
}

And without the above, heaps of other packages freak out which depend on jQuery. Is there something unique about the underscore-min.js script that is causing this?

is the jquery js file stored in the defined location? is it readible by the webserver? — user2399035
– user2399035, Commented Dec 19, 2018 at 8:18
Yes, it is readable by webpack. Before adding the ProvidePlugin declaration other files were complaining they couldn't access jQuery but now this is the only one that does. — dalanmiller
– dalanmiller, Commented Dec 19, 2018 at 16:08

lx1412 · Accepted Answer · 2018-12-19 08:28:21Z

-1

Just remove externals: { 'jquery': 'jQuery', 'jQuery': 'jQuery', }.

If you want to use externals,

entry: {
  main: [ 
    './js/jquery.min.js', 
    './js/other.js', 
    './js/other2.js', 
    './js/underscore-min.js'
  ]
},     

...

...

externals: {
  'jquery': {
     root:'jquery',
     commonjs2:'jquery',
     commonjs:'jquery',
     amd:'jquery'
   }
},
output:{
   ...
   libraryTarget:"umd"
}

And in your html,add the script tag <script src="some-resources/jquery.js"></script>

answered Dec 19, 2018 at 8:28

lx1412

1,1907 silver badges15 bronze badges

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

1 Comment

dalanmiller Over a year ago

If I remove this from externals, I receive other errors, cannot resolve jquery in xxx.js files.

Collectives™ on Stack Overflow

'...jQuery is not defined' when using webpack but jQuery is defined

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related