我试图通过
在我的Angular Project中安装引导程序npm install --g引导程序
但是我收到警告
npm WARN bootstrap@4.2.1需要一个jquery@1.9.1-3的对等节点,但没有安装。您必须自己安装对等依赖项。
npm WARN bootstrap@4.2.1需要一个popper.js@^1.14.6的同位体,但没有一个 已安装。您必须自己安装对等依赖项。
我正在使用以下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
答案 0 :(得分:11)
按说做就做:
npm i jquery@1.9.1 --save
-save选项可将这种依赖关系保存到您的项目中。
答案 1 :(得分:5)
我遇到了同样的问题,这是解决方案:
npm install bootstrap jquery popper.js --save
系统会自动为您解析参考。
答案 2 :(得分:2)
这对我有用-
npm i -g npm@3.10.10
答案 3 :(得分:1)
npm安装:
$npm install bootstrap
$npm install bootstrap jquery popper.js --save
然后
导入到react文件夹(index.js):
import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';
答案 4 :(得分:0)
我通过运行npm命令解决了上述问题
npm install --save bootstrap
答案 5 :(得分:0)
我已经在我的React开发项目中通过以下步骤解决了jQuery依赖
npm install react-bootstrap bootstrap --save
npm audit fix --force
结果:发现0个漏洞
如果另一个依赖项出现问题,它也可以解决该问题。
答案 6 :(得分:0)
只需检查工作路径:-
$ pwd
如果您不在项目目录中,请输入:
$ cd your-app
检查以上所有内容后,键入以下内容:
npm install --g bootstrap
答案 7 :(得分:0)
在您的package.json文件中 搜索“依赖项”并对其进行编辑以显示为
"dependencies": {
//same lib
"jquery": "^1.9.1",
},
或从cmd运行此命令
npm i jquery@1.9.1-保存
答案 8 :(得分:0)
如果使用的是Angular,则不需要jquery等的依赖项。 Angular负责渲染和操作DOM,如果您使用jQuery对其进行干扰,则可能会得到一些不需要的结果。
答案 9 :(得分:0)
您正在全局安装引导程序。您需要先打开您的项目文件,然后转到 cmd 并安装引导程序和 jquery,因为编译器不了解我们必须安装的位置。 该代码用于安装引导程序,而 jquery 是 PS E:\web\Angular\Angular program\my-first-project> npm install bootstrap@3 jquery --save 然后它将下载并签入您的 package.json 文件,并显示您的软件版本