Import error while importing bootstrapJS file in react

Question

I have downloaded all the packages given below and imported in App.js file

import 'bootstrap/dist/css/bootstrap.min.css'
import 'jquery/dist/jquery.min.js'
import '@popperjs/core/dist/cjs/popper.js'
import 'bootstrap/dist/js/bootstrap.min.js' // problem in this line

If I import bootstrap/dist/js/bootstrap.min.js then it says

./node_modules/bootstrap/dist/js/bootstrap.min.js
Module not found: Can't resolve 'popper.js' in 'project_root\client\node_modules\bootstrap\dist\js'

Even if I copy and paste popper.js file in

'project_root\client\node_modules\bootstrap\dist\js'

It still shows the error.

Jonathan Akwetey Okine · Accepted Answer · 2020-07-13 19:05:03Z

1

npm install popper.js --save

Popper is a dependency required by bootstrap so you will need to install it.

answered Jul 13, 2020 at 19:05

Jonathan Akwetey Okine

1,3203 gold badges17 silver badges18 bronze badges

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

Collectives™ on Stack Overflow

Import error while importing bootstrapJS file in react

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related