Uncaught Error: Bootstrap’s JavaScript requires jQuery at bootstrap.min.js:6

The order of bootstrap is introduced to modify

<%
        //Get the part that starts with / and does not end with /
        pageContext.setAttribute("APP_PATH", request.getContextPath());
    %>
    <script src="${APP_PATH}/static/js/jquery-1.12.4.min.js"></script>

    <!-- The latest Bootstrap core JavaScript files -->
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

    <!-- The latest version of Bootstrap's core CSS files -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

You need to introduce JavaScript first, then CSS

Similar Posts: