Angular 6 add jquery, popper and bootstrap js

Question

I'm working with angular 6 and sass bootstrap project and i'm trying to add jquery, popper and js in angular.json

My code in angular.json is :

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

i have tried this also :

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

but toggle and dropdown dosnt work for me .

doesn't work . i need to add scripts dependencies to make everything work — Claude
– Claude, Commented Sep 27, 2018 at 12:40
i did but doesn't work. whats the best way to add js in angular 6 ? — Claude
– Claude, Commented Sep 27, 2018 at 12:50

Kishore Kumar · Accepted Answer · 2018-09-27 12:46:02Z

1

 npm install bootstrap to install boostrp
 npm install jquery to install jquery and add path under the 'build' inside 
 angular.json

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

Please verify the file inside the node_modules.

answered Sep 27, 2018 at 12:46

Kishore Kumar

1,16110 silver badges14 bronze badges

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

5 Comments

Claude Over a year ago

this my current version : "styles": [ "src/styles.scss" ], "scripts": [ "node_modules/jquery/dist/jquery.min.js", "node_modules/popper.js/dist/popper.min.js", "node_modules/bootstrap/dist/js/bootstrap.min.js" ]

Kishore Kumar Over a year ago

please provide your angular.json file

Claude Over a year ago

docs.google.com/document/d/…

Claude Over a year ago

docs.google.com/document/d/…

Kishore Kumar Over a year ago

As per your json file there is no "styles": [ "src/styles.scss" ], "scripts": [ "node_modules/bootstrap/dist/css/bootstrap.min.css" ]

Collectives™ on Stack Overflow

Angular 6 add jquery, popper and bootstrap js

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related