How Understrap been imported the popper.js into the roolup.js build process?

Is popper part of bootstrap.js compilation? and declared in globals as popper.js to “popper” to be global variable? because I see in src/js/bootsrap.js that popper is being imported.

Popper is a dependency of Bootstrap (https://getbootstrap.com/docs/5.1/getting-started/introduction/#js) and is used to handle things like tooltips and dropdown in the Bootstrap components.

Hi @howarddc , I already updated my understrap theme js from bootstrap 4 to bootstrap 5. base on this https://stackoverflow.com/questions/57459917/how-to-fix-this-error-module-not-found-cant-resolve-popper-js , that bootstrap 5 is now using “Popper.js Core” not popper.js I already updated my popper.js and also imported it to understrap bootstrap.js https://www.npmjs.com/package/@popperjs/core. why I still received an error that it said “popper is undefined”when I tried to run the npm run dist CLI then check it in my console” is there a problem with my rollup.config.js? since understrap used it as to compile the js file. and how it will be included in the rollup and compiled JS file ?

thanks

• This reply was modified 3 years, 1 month ago by joaquiboy17.

@howarddc In short . Is there any way to import the new @corepopper.js in rollup config file?

We’re currently including popper by explicitly declaring it when we include Bootstrap:

https://github.com/understrap/understrap/blob/main/src/js/bootstrap.js

You can follow our development on including Bootstrap5 by checking out this branch: https://github.com/understrap/understrap/tree/feature/bs5-development and reading this blog post: https://understrap.com/blog/understrap-1-1-0-beta/

hi @howarddc Good Day, I already include @popperjs/core in my understrap bootstrap. js understrap/js/bootstrap.js. under export I added the createPopper. after I run the npm run dist this is the error the I’ve got “popper is not defined”.

Thanks

If you’re modifying the theme code itself, we recommend posing your question on Github where the developer community may have more feedback: https://github.com/understrap/understrap

These forums are mainly for users of the theme’s default functionality.