在 ES6 中导入 jquery答案

【问题标题】：importing jquery in ES6在 ES6 中导入 jquery
【发布时间】：2017-10-25 12:20:04
【问题描述】：

在同一个 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

【问题讨论】：

可能 Bootstrap 需要一个 global jQuery 变量。您使用的是哪种捆绑器？
你使用什么打包工具（rollup、webpack 等）？

标签： jquery twitter-bootstrap ecmascript-6

【解决方案1】：

您必须填充 jquery 以便它在全球范围内可用。尝试这个。

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

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

【讨论】：