Question

我正在使用React处理项目。我曾尝试安装Bootstrap，但我的项目无法编译。我已经使用npm安装了jquery@1.9.1。但我继续收到以下错误消息：

./node_modules/bootstrap/dist/js/bootstrap.js
Module not found: Can't resolve 'jquery' in '/Users/my_name/React_Projects/my_react_project/node_modules/bootstrap/dist/js'

这是我给予工作的一个项目，所以我还没有从头开始 - 所以我只是在我走的时候拼凑东西。我认为这可能是Webpack的错误，所以我尝试做的一件事就是在我的webpack.config.js文件中添加jquery作为外部资源 - 但此时项目中没有这样的文件。 / p>

这个项目是使用react-scripts创建的，我被告知是Webpack的包装器。任何人都知道如何解决这个问题？我怎样才能让jQuery工作，这样我才能开始使用Bootstrap？

Answer 1

您将需要从npm安装jquery和popper.js软件包。在您的终端中，运行以下命令：

npm install jquery popper.js

或

yarn add jquery popper.js

接下来，转到src / index.js文件并添加以下导入：

import $ from 'jquery';
import Popper from 'popper.js';
import 'bootstrap/dist/js/bootstrap.bundle.min';

那里有。现在，您可以在React应用程序中使用Bootstrap和jQuery的全部功能。

Answer 2

您将需要从npm安装jquery软件包。在您的终端中，运行以下命令：

npm install jquery --save

Answer 3

这篇文章解决了我的问题，也许它也可以帮助您。只需运行这两个命令。

npm install --save resolve-url-loader --only=dev
npm i --save-dev bootstrap@next bootstrap-loader tether jquery

看这里link

React中的Bootstrap - 无法解析jQuery模块？

3 个答案: