How to add javascript external file like bootstrap , jQuery to reactjs app

Question

I am new to ReactJs, I have bootstrap.min.js, jquery.min.js, etc static file in my assets folder. I have to add those file to my ReactJs App, I had tried but it's not working.

I had added the below code to the index.html but it's not working

<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/bootstrap4.min.js"></script>
<script src="./assets/js/vendor/Chart.bundle.min.js"></script>

Install bootstrap and jQuery using npm install bootstrap jquery --save and use them in your app. — Sameer Reza Khan
– Sameer Reza Khan, Commented Jan 21, 2020 at 19:19
Check more here npmjs.com/package/bootstrap and npmjs.com/package/jquery — Sameer Reza Khan
– Sameer Reza Khan, Commented Jan 21, 2020 at 19:20

stud3nt · Accepted Answer · 2020-01-22 11:31:38Z

3

The best way which I have used is via npm (yarn) package which you can directly install bootstrap into your project

npm install react-bootstrap bootstrap

edited Jan 22, 2020 at 11:31

stud3nt

2,1811 gold badge14 silver badges25 bronze badges

answered Jan 22, 2020 at 11:21

jithin

1011 silver badge3 bronze badges

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

Comments

ArggBake · Accepted Answer · 2020-01-21 19:56:18Z

0

Other users have mentioned using npm install <package>. If you've used create-react-app (or have yarn installed) I wanted to add that you can also use yarn add <package> for jQuery. Both work well.

edited Jan 21, 2020 at 19:56

answered Jan 21, 2020 at 19:43

ArggBake

1012 silver badges10 bronze badges

1 Comment

Sam Leurs Over a year ago

If you have yarn installed

Collectives™ on Stack Overflow

How to add javascript external file like bootstrap , jQuery to reactjs app

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related