Usando as bibliotecas javascript do Laravel Mix | Laravel: criando uma aplicação com MVC

Boa noite.

Estava querendo criar um carrosel para expor imagens em meu site, e, para isso, tentei utilizar as bibliotecas de javascript que o Bootstrap fornece. Acontece que não funcionou, apenas a primeira imagem é exibida. Acredito que não foi problema na instalação do Laravel Mix, visto que eu consigo acessar o CSS. Segui este tutorial para a criação do carrosel.

Em outras palavras: Não consigo utilizar as bibliotecas de javascript do Bootstrap e gostaria de saber como fazer funcionar.

Abaixo está o código do .blade que estou tentando executar. Eu criei a pasta public/images para poder acessar as imagens e não houveram problemas quanto a isso.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">

        <title>Bootstrap teste</title>
        <script src="{{ asset('js/app.js') }}" defer></script>
        <link rel="stylesheet" href="{{ asset('css/app.css') }}">
    </head>
    <body>

    <div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="{{ asset('images/TEST.png') }}" class="d-block w-100" >
            </div>
            <div class="carousel-item">
                <img src="{{ asset('images/TEST2.png') }}" class="d-block w-100" >
            </div>
            <div class="carousel-item">
                <img src="{{ asset('images/TEST3.png') }}" class="d-block w-100" >
            </div>
        </div>
    </div>

    </body>
</html>

Mergulhe em programação