在ES6中导入jquery

Question

在同一个jsx文件中，我有下一个声明：

import {jQuery} from '../../node_modules/jquery/dist/jquery.js';
import '../../node_modules/jquery/dist/jquery.min.js';
import '../../node_modules/bootstrap/dist/js/bootstrap.min.js';

然而我收到错误：

someModuleBundle.js:94625 Uncaught Error: Bootstrap's JavaScript requires jQuery

任何想法为什么？

我正在使用webpack

Answer 1

你必须整理jquery，以便全局可用。试试这个。

module.exports = {
  plugins: [
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery'
    })
  ]
};

相同的链接 https://webpack.js.org/guides/shimming/#components/sidebar/sidebar.jsx