如何将 javascript 外部文件（如 bootstrap、jQuery）添加到 reactjs 应用程序答案

【问题标题】：How to add javascript external file like bootstrap , jQuery to reactjs app如何将 javascript 外部文件（如 bootstrap、jQuery）添加到 reactjs 应用程序
【发布时间】：2020-05-07 21:47:30
【问题描述】：

我是 ReactJs 的新手，我的资产文件夹中有 bootstrap.min.js、jquery.min.js、etc 静态文件。我必须将这些文件添加到我的 ReactJs 应用程序中，我尝试过但它不起作用。

我已将以下代码添加到 index.html 但它不起作用

<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/bootstrap4.min.js"></script>
<script src="./assets/js/vendor/Chart.bundle.min.js"></script>

【问题讨论】：

使用 npm install bootstrap jquery --save 安装 bootstrap 和 jQuery 并在您的应用中使用它们。
在此处查看更多信息 npmjs.com/package/bootstrap 和 npmjs.com/package/jquery

标签： javascript jquery reactjs bootstrap-4

【解决方案1】：

我用过的最好的方法是通过 npm (yarn) 包，你可以直接将 bootstrap 安装到你的项目中

npm install react-bootstrap bootstrap

【讨论】：

【解决方案2】：

其他用户提到使用npm install <package>。如果您使用过create-react-app（或安装了纱线），我想补充一点，您也可以将yarn add <package> 用于jQuery。两者都运作良好。

【讨论】：

如果你安装了 yarn