question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

ng add with @ng-bootstrap/ng-bootstrap

See original GitHub issue

When a new angular 6 project is created, why we have to use ng add @ng-bootstrap/schematics instead of ng add @ng-bootstrap/ng-bootstrap?

I see the change in #2289 but don’t understand it.

Version of Angular, ng-bootstrap, and Bootstrap:

Angular: 6

ng-bootstrap: 2

Bootstrap: 4

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:3
  • Comments:14 (3 by maintainers)

github_iconTop GitHub Comments

23reactions
pkozlowski-opensourcecommented, Jun 24, 2018

To anyone landing in this issue - missing peer dependencies on jQuery / popper is normal and intentional. The reason for this warning is that ng-bootstrap only needs Bootstrap CSS. It doesn’t require Bootstrap JS nor its dependencies.

Unfortunately Bootstrap does not publish packages that would have CSS only (unless they are considering it).

To cut the long story short: this warning is expected and there are technical limitations preventing us from getting rid of it. You do not need jQuery / popper to use ng-bootstrap and you should not install those manually.

7reactions
lizzymendivilcommented, Jun 12, 2018

I got the same error… no make sense. I prefer using this: npm install --save @ng-bootstrap/ng-bootstrap

npm WARN bootstrap@4.1.1 requires a peer of jquery@1.9.1 - 3 but none is installed. You must install peer dependencies yourself. npm WARN bootstrap@4.1.1 requires a peer of popper.js@^1.14.3 but none is installed. You must install peer dependencies yourself.

Read more comments on GitHub >

github_iconTop Results From Across the Web

NG Bootstrap - npm
NG Bootstrap - Angular-powered Bootstrap widgets ... Angular widgets built from the ground up using only Bootstrap 5 CSS with APIs designed for ......
Read more >
Getting Started - Angular powered Bootstrap
Add bootstrap , @popperjs/core and @ng-bootstrap/ng-bootstrap dependencies from npm · Install the @angular/localize polyfill · Add bootstrap CSS/SCSS to your ...
Read more >
Error when installing ng add @ng-bootstrap/ng-bootstrap
There comes an error when installing ng-bootstrap to my Angular-CLI(11.0.4). When ng add @ng-bootstrap/ng-bootstrap. And my log file
Read more >
@ng-bootstrap/ng-bootstrap - npm package | Snyk
Based on project statistics from the GitHub repository for the npm package @ng-bootstrap/ng-bootstrap, we found that it has been starred 8,030 times, and...
Read more >
How to add Bootstrap to your Angular project with ng-bootstrap
How to add Bootstrap to your Angular project with ng-bootstrap · Prerequisites · Add ng-boostrap to your Angular project · Add Bootstrap styles...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found