Javascript 如何在react中正确导入npm包

因此，我使用了一些我以前使用过的插件，并且在项目中没有使用过。我使用的插件有：

-引导

-引导选择

-数据表

我试图通过使用

导入

功能来使用，但是如果我不将它们包含在我的

index.html

（通过CDN）中，它们就不起作用

DataTables的问题是我得到了一个

uncaughtReferenceError:jQuery未定义（…）

错误。我尝试了一些推荐的修复方法，包括：

import $ from 'jquery';
window.jQuery = $;

及

但在我加入CDN之前，两者都不能解决问题

我的另一个问题是引导选择未按预期工作。我使用

.selectpicker（）

函数，它会创建必要的“外观”。但是当我点击选择按钮时，什么也没有发生，也没有出现下拉列表。我甚至导入了所需的下拉列表，但我不确定它是否正确

import "bootstrap/js/dropdown";

所以我的总体问题是，我应该如何导入包以使其工作（在不需要CDN的情况下以最佳方式工作）以及bootstrap select有什么问题

我的导入现在看起来是什么样子：

import $ from 'jquery';
window.jQuery = $;
global.jQuery = require('jquery');
import "bootstrap";
import DataTable from 'bootstrap';
global.DataTable = DataTable;
import "datatables.net";
import "datatables.net-buttons";
import "datatables.net-select";
import "bootstrap/js/dropdown";
import "bootstrap-select"; 

import $ from 'jquery';
window.jQuery = $;
global.jQuery = require('jquery');
import "bootstrap";
import DataTable from 'bootstrap';
global.DataTable = DataTable;
import "datatables.net";
import "datatables.net-buttons";
import "datatables.net-select";
import "bootstrap/js/dropdown";
import "bootstrap-select";