npm警告：bootstrap@4.2.1需要jquery@1.9.1-3的配套版本，但未安装任何版本。

Question

我尝试通过以下命令在我的Angular项目中安装Bootstrap：

npm install --g bootstrap

但是我收到了以下警告：

npm WARN bootstrap@4.2.1 requires a peer of jquery@1.9.1 - 3 but none is installed. You must install peer dependencies yourself.

npm WARN bootstrap@4.2.1 requires a peer of popper.js@^1.14.6 but none is installed. You must install peer dependencies yourself.

我正在使用以下版本的ng和npm：

Angular CLI: 7.1.4
Node: 10.15.0
OS: win32 x64
Angular: 7.1.4
... animations, cli, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.11.4
@angular-devkit/build-angular     0.11.4
@angular-devkit/build-optimizer   0.11.4
@angular-devkit/build-webpack     0.11.4
@angular-devkit/core              7.1.4
@angular-devkit/schematics        7.1.4
@ngtools/webpack                  7.1.4
@schematics/angular               7.1.4
@schematics/update                0.11.4
rxjs                              6.3.3
typescript                        3.1.6
webpack                           4.23.1

- Arul Suju

---

只需按照它的npm i jquery@1.9.1 --save指示操作。我看到你想在系统上全局安装bootstrap。也许你想重新考虑并针对每个项目安装它。对我来说，这是有意义的，因为它是你的项目的一部分。 - Samir Sadek

Answer 1

按照它所说的去做：

npm i jquery@1.9.1 --save

选项 --save 是将此依赖项保存到您的项目中。

- Samir Sadek

---

但是这会安装大量不必要的代码到 Angular 或 React 项目中。 - ekkis

@ekkis 那就不要使用 Bootstrap :) - hevans900

Answer 2

我也遇到了同样的问题，以下是解决方案：

npm install bootstrap jquery popper.js --save

系统会自动为您解析引用。

- Alejandro Garcia

Answer 3

这对我很有帮助 -

npm i -g npm@3.10.10

- JustAnotherDataEnthusiast

Answer 4

npm安装:

$npm install bootstrap

$npm install bootstrap jquery popper.js --save

然后

将其导入到react文件夹(index.js)中:

import 'bootstrap';

import 'bootstrap/dist/css/bootstrap.min.css';

- femina joseph

Answer 5

我通过运行npm命令解决了上述问题

npm install --save bootstrap

- Arul Suju

---

这并没有解决我的问题，@samir的回答解决了。你需要挑选每个警告中提到的依赖项并手动安装它们。 - KalenGi

这个回答与问题不相关。问题是关于依赖项，而不是引导本身。 - Carmela

Answer 6

如果你正在使用Angular，就不需要那些jQuery等依赖项。Angular负责呈现和操作DOM，如果你使用jQuery干扰它，可能会得到一些不想要的结果。

- Rajatsubhra Chakraborti

---

jQuery是Bootstrap的依赖项。 - OwnageIsMagic

这就解释了为什么我会收到这个警告，但是在使用 Angular 11、ng-bootstrap 9.0 和 Bootstrap 4.5.0（没有 jQuery/Popper）时一切都正常运行。 - icyerasor

Answer 7

在您的 package.json 文件中搜索 "dependencies" 并将其编辑为以下内容：

  "dependencies": {
     //same lib
    "jquery": "^1.9.1",
  },

或者在命令提示符中运行以下命令：

npm i jquery@1.9.1 --save

- loka shafeek

Answer 8

您正在全局安装Bootstrap。 您需要首先打开项目文件，然后进入命令提示符并安装Bootstrap和jQuery，因为编译器不理解我们应该在哪里安装。 安装Bootstrap和jQuery的代码是 PS E：\ web \ Angular \ Angular program \ my-first-project＆gt; npm install bootstrap@3 jquery --save 然后它将下载并在您的package.json文件中检查软件版本的显示。

- Amar kumar Verma RAZyerMebE

Answer 9

我在我的React开发项目中通过以下步骤解决了jQuery依赖问题

npm install react-bootstrap bootstrap --save
npm audit fix --force

结果：发现0个漏洞

如果其他依赖项出现问题，它还可以解决该问题。

- Devang Solanki