The error message Uncaught TypeError: i.createPopper is not a function usually occurs when you’re trying to use the Popper.js library or Bootstrap’s dropdowns, tooltips, or popovers, but the library isn’t correctly loaded or initialized.
Bootstrap uses Popper.js to handle the positioning of its interactive elements like dropdowns, popovers, and tooltips.
Popper.js (or Popper) is a JavaScript library that helps manage the positioning of elements on a webpage, particularly for tooltips, popovers, dropdowns, and similar UI components.
Solution
Use the following configuration
"scripts": [
"node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
]
instead of
"scripts": [
"node_modules/@popperjs/core/dist/umd/popper.min.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js"
]
By switching to bootstrap.bundle.min.js, you avoid the need to load Popper.js separately because it’s already included in the bundle. This simplifies your script configuration and ensures that createPopper will be available without conflicts.