(index):72 Uncaught ReferenceError: $ is not defined

[tanyewei]

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

[wonderbred]

I was getting the same error using the eonasdan-bootstrap-datetimepicker widget.

I tried several things, including adding the last two lines here to the ProvidePlugin section of webpack.config.js:

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

The only thing that actually worked, however, was changing require('jquery'); in main.js to this:

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

This might not be ideal, though. Does anyone have a better solution?

[dylanjnz]

I was able to get this resolved by adding the expose-loader, and specifying this as the loader in the exports:

npm i expose-loader -s

And then in

module: { 
  loaders { 
    ... 
    { test: require.resolve('jquery'), loaders: ['expose-loader?$', 'expose-loader?jQuery'] },

[wonderbred]

This worked for me and seems like a much cleaner solution.

Thanks, @dylanjnz !

[sloria]

Closing, as this issue is stale. Feel free to reopen or comment if there's still an issue.