我的javascript只适用于网络托管

我的javascript有问题。这是一个图库滑块。它在本地主机上运行得很好，但当我在网络主机上上传它时，它只有在多次刷新后才能运行。控制台没有写任何错误，一切看起来都很好。

const carouselSlide = document.querySelector('.slide');
const carouselImages = document.querySelectorAll('.slide img');

//Buttons
const prevBtn = document.querySelector('#prevBtn');
const nextBtn = document.querySelector('#nextBtn');
//Counter   
let counter = 1;
const size = carouselImages[0].clientWidth;
carouselSlide.style.transform = 'translateX('+ (-size * counter) +'px)';

//Button Listeners
nextBtn.addEventListener('click',()=>{
if (counter>= carouselImages.length -1) {return;}
carouselSlide.style.transition = "transform 0.7s ease-in-out";
counter++
carouselSlide.style.transform = 'translateX('+ (-size * counter) +'px)';

});
prevBtn.addEventListener('click',()=>{
if (counter <=0) {return;}
carouselSlide.style.transition = "transform 0.7s ease-in-out";
counter--
carouselSlide.style.transform = 'translateX('+ (-size * counter) +'px)';

});
carouselSlide.addEventListener('transitionend', ()=> {
if (carouselImages[counter].id === 'lastClone')
{
carouselSlide.style.transition = "none";
counter = carouselImages.length - 2;
carouselSlide.style.transform = 'translateX('+ (-size * counter) +'px)';
}
if (carouselImages[counter].id === 'firstClone')
{
carouselSlide.style.transition = "none";
counter = carouselImages.length - counter;
carouselSlide.style.transform = 'translateX('+ (-size * counter) +'px)';
}
});