您好，我正在尝试将 jquery 和 bootstrap 包含到 Reactjs 项目中，但我正在使用 es6 导入来执行此操作。我已经在我的 index.js 文件中包含了如下所示的导入。但是在页面加载时，它给出了错误，说 Bootstrap 的 Javascript 需要 jquery。我已经 npm 安装了所有必需的包。如何将 jquery 放入我的捆绑和缩小的最终脚本文件中？
import $ from 'jquery';
import '../node_modules/bootstrap/dist/css/bootstrap.min.css';
import '../node_modules/bootstrap/dist/js/bootstrap.min.js';
在这里找到了这个网站上的答案
第一步：安装jquery和bootstrap
npm install jquery bootstrap --save
第 2 步：在 vendor.ts 中导入它们：
import 'jquery';
import 'bootstrap/dist/js/bootstrap';
第 3 步：转到 config 目录中的 wepback.common.js 并将其添加到插件部分：
plugins:[
.....
..... ,
new webpack.ProvidePlugin({
jQuery: 'jquery',
$: 'jquery',
jquery: 'jquery'
})
]
这将让引导程序找到 jquery
window.$ = window.jQuery = require('jquery');
你可以使用Gulp 和 webpack来缩小你的文件
用这个测试
import jquery from 'jquery'
window.jQuery = jquery
require('bootstrap')
对于在定义某种原因jQuery的需求小写太
import jQuery from 'jquery'
global.jQuery = jQuery
global.jquery = jQuery // jquery lowercase was the solution
global.$ = jQuery
let Bootstrap = require('bootstrap')
import 'bootstrap/dist/css/bootstrap.css'