无法通过单击下一个和上一个按钮来控制此滑块？错误在哪里？

如何解决无法通过单击下一个和上一个按钮来控制此滑块？错误在哪里？

我遇到了麻烦。我建立了一个静态网站，并在那里放置了一个引导轮播，效果很好。但我不知道为什么它开始产生问题。 我无法通过单击上一个和下一个按钮来控制。但早些时候它起作用了。 请帮助修复错误。

        <div id="main-slider" class="carousel slide " data-ride="carousel">

            <!-- carousel-indicator start-->
            <ol class="carousel-indicators ">
                <li data-target="#main-slider" data-slide-to="0 " class="active"></li>
                <li data-target="#main-slider" data-slide-to="1 "></li>
                <li data-target="#main-slider" data-slide-to="2 "></li>
                <li data-target="#main-slider" data-slide-to="3 "></li>
                <li data-target="#main-slider" data-slide-to="4 "></li>
            </ol>
            <!-- carousel-indicator end-->

            <!-- carousel-inner start-->
            <div class="carousel-inner ">
                <div class="carousel-item active">
                    <img src="img/1.jpg" class="d-block w-50 m-auto ">
                </div>
                <div class="carousel-item ">
                    <img src="img/2.jpg" class="d-block w-50 m-auto ">
                </div>
                <div class="carousel-item ">
                    <img src="img/3.jpg" class="d-block w-50 m-auto ">
                </div>
                <div class="carousel-item ">
                    <img src="img/4.jpg" class="d-block w-50 m-auto ">
                </div>
                <div class="carousel-item ">
                    <img src="img/5.jpg" class="d-block w-50 m-auto ">
                </div>
            </div>

            <!-- carousel-inner end-->

            <!-- carousel-controlar start-->
            <div>
                <a class="carousel-control-prev " href="#main-slider" role="button " data-slide="prev ">
                    <span class="carousel-control-prev-icon " aria-hidden="true "></span>
                    <span class="sr-only "> PrevIoUs </span>
                </a>

                <a class="carousel-control-next " href="#main-slider" role="button " data-slide="next ">
                    <span class="carousel-control-next-icon " aria-hidden="true "></span>
                    <span class="sr-only "> Next </span>
                </a>
            </div>
            <!-- carousel-controlar end-->

        </div>
        <!-- main slider end-->