Bootstrap

while using bootstrap 4 we usually get this kind of error and jquery bootstrap.min.js is working correctly

Error  is:

Uncaught TypeError: Cannot read property 'fn' of undefined
    at bootstrap.min.js:6
    at bootstrap.min.js:6
    at bootstrap.min.js:6
    at bootstrap.min.js:6

This is a common error if you using Cordova, HTML in bootstrap 4 template design with jquery, etc

The solution is very simple:

load your jquery before the bootstrap or any other js like the below example, because bootstrap 4 uses the jquery functionality to run its own functionality, simply it is dependent on that.

<script src="js/jquery-3.3.1.slim.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/popper.min.js"></script>

like the above example, jquery provides proper code to bootstrap js to run, that it.


Please Comment your thoughts and feedback below and add something if you found good in anywhere to help others

Hit a like Button If you like the Post.

Many Thanks