Unmet Peer Dependency popper.js

user_8111444 0
Viewed 11748

I'm having trouble using some ng-bootstrap dropdown component because of dependency on jquery 3x which in turn cannot find popper.js

See this in my console

Uncaught Error: Bootstrap dropdown require Popper.js

How do I get around this?

Install of jquery using npm shows the dependency on popper.js that's not in npm registry

└── UNMET PEER DEPENDENCY popper.js@^1.11.0

Here are my dependencies in package.json

"dependencies": {
    "@angular/animations": "^4.2.4",
    "@angular/common": "^4.2.4",
    "@angular/compiler": "^4.2.4",
    "@angular/core": "^4.2.4",
    "@angular/forms": "^4.2.4",
    "@angular/http": "^4.2.4",
    "@angular/platform-browser": "^4.2.4",
    "@angular/platform-browser-dynamic": "^4.2.4",
    "@angular/router": "^4.2.4",
    "@ng-bootstrap/ng-bootstrap": "^1.0.0-beta.1",
    "bootstrap": "^4.0.0-beta",
    "core-js": "^2.4.1",
    "font-awesome": "^4.7.0",
    "jquery": "^3.2.0",
    "rxjs": "^5.4.2",
    "zone.js": "^0.8.14"
  },

npm jquery
3 Answers

Might be you dependencies should be as below.

"dependencies": {
    "@angular/animations": "^4.2.4",
    "@angular/common": "^4.2.4",
    "@angular/compiler": "^4.2.4",
    "@angular/core": "^4.2.4",
    "@angular/forms": "^4.2.4",
    "@angular/http": "^4.2.4",
    "@angular/platform-browser": "^4.2.4",
    "@angular/platform-browser-dynamic": "^4.2.4",
    "@angular/router": "^4.2.4",
    "@ng-bootstrap/ng-bootstrap": "^1.0.0-beta.1",
    "@bootstrap": "^4.0.0-beta",
    "@core-js": "^2.4.1",
    "@font-awesome": "^4.7.0",
    "@jquery": "^3.2.0",
    "@rxjs": "^5.4.2",
    "@zone.js": "^0.8.14"
  },

Hope I will work

user_55117540
Related