Ошибка импорта при импорте файла bootstrapJS в React

Question

Я загрузил все пакеты, указанные ниже, и импортировал их в приложение. js файл

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 

Если я импортирую bootstrap / dist / js / bootstrap .min. js, тогда он говорит

./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'

Даже если я скопирую и вставлю popper. js файл в

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

Он все равно показывает ошибку.

Answer 1

npm install popper.js --save

Popper - это зависимость, необходимая для bootstrap, поэтому вам нужно будет установить его.