Javascript jQuery不工作（ReactJS、引导、网页包）

使用CreateReact应用程序弹出项目

我遵循另一个答案：

问题是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那样

• 网页包的生产配置文件：
• 网页包的开发配置文件：

---

发生了什么事？

您的jQuery导入不应该是：

import$from'jquery'而不是导入“jquery”

---

还有为什么不用呢？这似乎不值得麻烦。

不，按照您的方式，您将所有jQuery功能分配给$var，但仅在main.js文件中，引导需要它作为一个全局文件，这就是为什么我在Webpack配置中使用ProvidePlugin。我们还没有使用React引导（React Bootstrap），因为API还不一致以及其他团队原因。您看到了吗？