未满足的对等依赖 popper.js

Question

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" },

Answer 1

现在可以从 npm 安装 Popper.js：

npm install popper.js --save

Answer 2

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

Answer 3

Found the answer here bootstrap.min.js:6 Uncaught Error: Bootstrap dropdown require Popper.js

Looks like popper.js is not in npm registry but theres a cdn to it, adding below to my apps index.html solves the dropdown issue

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>