No puedo usar/acceder al archivo carousel.js - OBTENER http://name.test/js/carousel.js net::ERR_ABORTED 404 (Not Found)

portada.php

 <div class="row"> <div class="col-lg-4"> <div class="carousel_item carousel_item--visible">first post</div> </div> <div class="col-lg-4"> <div class="carousel_item">second post</div> </div> <div class="col-lg-4"> <div class="carousel_item">third post</div> </div> </div> <div class="carousel_actions"> <button id="carousel_button--prev" aria-label="previous slide"> < </button> <button id="carousel_button--next" aria-label="next slide"> > </button> </div> </div> <script type="text/javascript" src="js/carousel.js"></script>""

Código JS:

 let slidePosition = 0; const slides = document.getElementsByClassName('carousel_item'); const totalSlides = slides.length; document.getElementById('carousel_button--next').addEventListener("click", function() { moveToNextSlide(); }); document.getElementById('carousel_button--prev').addEventListener("click", function() { moveToPrevSlide(); }); function moveToNextSlide() { console.log('next works'); } function moveToPrevSlide() { console.log('prev works'); }

funciones.php

 function load_js(){ wp_enqueue_script('jquery'); wp_register_script('bootstrap', get_template_directory_uri() . '/js/bootstrap.min.js', 'jquery', false, true); wp_enqueue_script('bootstrap'); wp_register_script('carousel', get_template_directory_uri() . '/js/carousel.js'); wp_enqueue_script('carousel'); } add_action('wp_enqueue_scripts', 'load_js');

estructura de archivos

 . ├── js │ ├── bootstrap.min.js │ └── carousel.js ├── index.php ├── front-page.php └── functions.php

(hay otros archivos allí, solo se incluyen los importantes para una descripción general más fácil)

Estoy bastante seguro de que escribí la ruta correcta al archivo carousel.js, ¿alguien puede aclararme cuál es el problema aquí?