Bootstrap modal box failure $(.). Modal is not a function

webpack is packaged, jquery is placed in front of bootstrap, or error is reported. Why?

$("-sharplastPageModal").modal();

Local html

<script src="../lib/jquery.js"></script>
<script src="../lib/bootstrap.js"></script>
<script src="../lib/bootstrap.min.js"></script>
<script src="../lib/jqthumb.js"></script>
<script src="../lib/jqthumb.min.js"></script>

    <!---->
    <div class="modal" tabindex="-1" role="dialog" id="lastPageModal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true"></span>
                    </button>
                </div>
                <div class="modal-body">
                    
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal"></button>
                </div>
            </div>
        </div>
    </div>

dist/html

<script src="../lib/jquery.js"></script>
<script src="../lib/bootstrap.js"></script>
<script src="../lib/bootstrap.min.js"></script>
<script src="../lib/jqthumb.js"></script>
<script src="../lib/jqthumb.min.js"></script>

webpack

new htmlWebpackPlugin ({
    filename:"index.html",
    template:"index.html",
    inject:"body",
    chunks:["index"]
}),

Code folder