Question

我正在使用webpack bundler来编译react js代码。但是，我在使用第三方库（如jquery和velocity js）时遇到问题。

我在顶部的自定义js文件中导入了jquery但是，我仍然收到错误。

/* 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';

Answer 1

Added jquery plugin in webpack solved the issue.

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

Webpack - 未捕获的ReferenceError：$未定义jquery

1 个答案: