CODEWITHSUNDEEP
jquerywebpack
Rahul Dagli
Rahul Dagli

Reputation: 4502

Webpack - Uncaught ReferenceError: $ is not defined jquery

I'm using webpack bundler for compiling react js code. However, I'm facing issue while working with third party libraries like jquery and velocity js.

I've imported jquery in custom js file at the top however, i'm still getting error.

/* Import libraries stylesheet */
import '../shared/lib/normalize.css';
import '../shared/lib/grid.css';
import '../shared/lib/tiny-scrollbar/tinyscrollbar.css';

/* Import main stylesheet */
import './main.scss';

/* Import libraries script */
import '../shared/lib/jquery-1.12.3.min.js';
import '../shared/lib/tiny-scrollbar/jquery.tinyscrollbar.min.js';
import '../shared/lib/velocity.min.js';
import '../components/card/cards.js';

/* Import main component */
import './main.jsx';

Upvotes: 10

Views: 8765

Answers (1)

Rahul Dagli
Rahul Dagli

Reputation: 4502

Added jquery plugin in webpack solved the issue.

 plugins: [
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery",
            "window.jQuery": "jquery"
        })
    ]

Upvotes: 18

Related Questions