Unable to add ng-bootstrap in angular using ng command

Question

I am new in angular using 12.1.4 version. I am unable to add or install bootstrap dependency in angular. When I run below command in cmd prompt.

ng add @ng-bootstrap/ng-bootstrap

Then it throw an error as shown in below image:

Check this link "stackoverflow.com/questions/37649164/…" or "loiane.com/2017/08/…" — Ravi Ashara
– Ravi Ashara, Commented Sep 9, 2021 at 6:19

Salahuddin Ahmed · Accepted Answer · 2021-09-15 06:27:05Z

1

Install bootstrap in your angular 12 app like below. This is only for css importing.

npm install bootstrap --save

Now you need to import bootstrap css directly in style.css file like this:

@import "~bootstrap/dist/css/bootstrap.css";

However, if you are required to install bootstrap with jquery and popper js then run the following commands like below:

npm install bootstrap --save
npm install jquery --save
npm install popper.js --save

After successfully run the above commands import it in angular.json file like this:

 "styles": [
    "node_modules/bootstrap/dist/css/bootstrap.min.css",
    "src/styles.css"
  ],
  "scripts": [
      "node_modules/jquery/dist/jquery.min.js",
      "node_modules/popper.js/dist/umd/popper.min.js",
      "node_modules/bootstrap/dist/js/bootstrap.min.js"
  ]

edited Sep 15, 2021 at 6:27

answered Sep 15, 2021 at 6:13

Salahuddin Ahmed

5,7344 gold badges20 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Unable to add ng-bootstrap in angular using ng command

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related