尝试在 angular 中安装 ng bootstrap 时出现问题

issue while trying to install ng bootstrap in angular

更新 1

我使用命令 ng new project1 创建了一个用于测试目的的新项目。然后像这样添加 bootstrap 包 ng add @ng-bootstrap/ng-bootstrap。即使那样,也会出现同样的问题。为什么?

关于

我正在使用 Angular CLI 13.1.3。在尝试安装时 ng bootstrap 我遇到了以下错误详情。

然后我尝试使用以下命令将 angular/compiler 依赖项从 13.1.3 更新到 13.1.0。

ng uninstall angular/compiler
ng remove angular/compiler

但命令列表中没有它们

你有什么建议吗?

错误信息

npm 错误!代码 ERESOLVE
错误! ERESOLVE 无法解析依赖关系树
npm 错误!
错误!解析时:practise1@0.0.0
错误!找到:@angular/compiler@13.1.3
错误! node_modules/@angular/compiler
错误! @angular/compiler@"~13.1.0" 来自根项目
npm 错误!
错误!无法解析依赖项:
错误!来自@angular/localize@13.3.1
的同行@angular/compiler@"13.3.1" 错误! node_modules/@angular/localize
错误!来自@ng-bootstrap/ng-bootstrap@12.0.1
的对等@angular/localize@"^13.0.0" 错误! node_modules/@ng-bootstrap/ng-bootstrap
错误! @ng-bootstrap/ng-bootstrap@来自根项目的“12.0.1”

以下命令应该适用于使用 ng-bootstrap

创建新的 Angular 项目
npm i -g @angular/cli
ng new project1
cd project1
ng add @ng-bootstrap/ng-bootstrap

这将确保您在创建项目之前拥有最新的 Angular CLI 版本。

当你需要升级Angular依赖时,你可以运行ng update。这将告诉您 运行 升级 Angular 依赖项所需的任何进一步命令。

此时,您的 package.json 文件应该处于良好状态,其他任何人都可以使用 npm i.

安装您的项目