jQuery无法正常工作（ReactJS，Bootstrap，Webpack）

Question

使用create-react-app弹出的项目。

我正在关注这个其他stackoverflow的答案： 使用Jquery和Bootstrap与Es6 Import for React App

问题是jQuery在生产模式下根本不工作，即使引导程序也没有抛出jQuery不可用的错误。

main.js：

// CSS
import 'bootstrap/dist/css/bootstrap.min.css';
import './theme/css/style.css';
import 'font-awesome/css/font-awesome.min.css';

// JS
import 'jquery';
import 'bootstrap/dist/js/bootstrap';

使用bootstrap + jquery的元素：

<li id="user-menu" class="dropdown menu-merge pull-right">
  <a aria-expanded="false" class="dropdown-toggle" data-toggle="dropdown">
    <span>User</span>
    <span class="caret ml10"></span>
  </a>
  <ul class="dropdown-menu w225" role="menu">
    <li>
      <a href="/admin/instance">
        <span class="icon icon-Gear mr10"></span>
          Config
      </a>
    </li>
  </ul>
</li>

它不会打开，不像使用webpack dev config那样。

• Webpack的生产配置文件： https ：//pastebin.com/vb69MRug
• Webpack的开发配置文件： https ：//pastebin.com/YwE7cuUf

到底是怎么回事？

Answer 1

你的jQuery导入不应该是：

import $ from 'jquery'; 而不是import 'jquery'

另外为什么不使用React-Bootstrap呢？ 这似乎不值得麻烦。