Bootstrap dropdown require Popper.js with Angular 2 project

Question

I've just created an angular 2 project via angular-cli. Then I added Bootstrap v4 using command npm install [email protected] provided by Bootstrap official site.

Anyway, everything works except for the following error in console window :

Uncaught Error: Bootstrap dropdown require Popper.js (https://popper.js.org)
    at scripts.bundle.js:179
    at scripts.bundle.js:588

I've installed popper.js and added inside .angular-cli.json :

  "scripts": [
    "../node_modules/jquery/dist/jquery.slim.min.js",
    "../node_modules/tether/dist/js/tether.min.js", 
    "../node_modules/popper.js/dist/umd/popper.js",              
    "../node_modules/bootstrap/dist/js/bootstrap.min.js"
  ],

But still the error is there!

Hooman Limouee · Accepted Answer · 2017-11-01 06:40:30Z

1

I've almost solved the problem using package npm install ngx-bootstrap --save.

Of course it's not the direct way, Nevertheless it works properly.

answered Nov 1, 2017 at 6:40

Hooman Limouee

1,4633 gold badges24 silver badges51 bronze badges

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

Comments

kbariotis · Accepted Answer · 2017-10-31 15:05:17Z

0

I had the same error.

Try running:

npm install --save [email protected]

edited Oct 31, 2017 at 15:05

kbariotis

8021 gold badge13 silver badges25 bronze badges

answered Oct 31, 2017 at 14:46

Radouane Zakraoui

12 bronze badges

Collectives™ on Stack Overflow

Bootstrap dropdown require Popper.js with Angular 2 project

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related