How to resolve dependency conflict while installing Bootstrap using Angular CLI command?

Issue

I tried to install Bootstrap in my Angular application by using the CLI command: ng add @ng-bootstrap/ng-bootstrap. But I got the following errors in return. How to resolve these dependency conflict while installing Bootstrap using Angular CLI command? enter image description here

Solution

Your problem is due to an upstream version dependency conflict where @ng-bootstrap/ng-bootstrap@12.1.2 (upstream) is expecting @angular/common@^13.0.0 (downstream).

Either update your Angular project to ^13.0.0 or accept a potentially broken dependency resolution using the --force switch.

ng add @ng-bootstrap/ng-bootstrap --force

Or install an older version of @ng-bootstrap/ng-bootstrap that does not cause an upstream dependency issue with the Angular version you are using.

Also check this Fix the upstream dependency conflict while installing ng-bootstrap/ng-bootstrap

Answered By - Robin Webb