Recibo este error ( _.$slides es nulo) al hacer clic en una galería de fotos. Tengo una página con varias galerías, al hacer clic en ella se abre un modal con fotos dentro (estoy usando el control deslizante Slick). Funciona perfectamente en el primer clic, pero tan pronto como cierro el modal e intento abrir otra galería, se rompe. Slick no está cargado (creo) y las fotos no se muestran correctamente. Por favor hay alguien que me pueda dar una mano?

 import 'slick-carousel' export default { init() { this.listenClickGallery(); this.closeModal(); }, closeModal() { const modalWindow = document.querySelector('.slider__mobile__closing__item'); // Close modal wherever the user clicks modalWindow.addEventListener("click", (e) => { // if (e.target == modalWindow) { document.getElementById("modal").classList.add('hidden') // } }); }, slickReady() { var iconPrev = '/app/themes/onlyweb/public/images/assets/svg/pistolet-galerie-prev.svg'; var iconNext = '/app/themes/onlyweb/public/images/assets/svg/pistolet-galerie-next.svg'; $('.slider-container').slick({ infinite: true, speed: 500, cssEase: 'linear', arrows: true, prevArrow: '<img src="'+iconPrev+'">', nextArrow: '<img src="'+iconNext+'">' }); }, listenClickGallery() { // init variables var images = document.querySelectorAll('#toAddInModal .slider-image'); var modalImageContainer = document.querySelector('.slider-container'); var modalImageElement = document.querySelector('.slider-image--modal'); var self = this; // loop images => to get urls for (var i = 0; i < images.length; i++) { // for each image listen click images[i].addEventListener("click", function () { // clear container modalImageContainer.innerHTML = ''; // show modal document.querySelector("#modal").classList.remove('hidden'); // Get urls (display gallery items) var urls = this.querySelectorAll('.gallery-url'); // loop on urls to clone div .slider-image and url bck image for (var k = 0; k < urls.length; k++) { var currentUrl = urls[k].innerText; var modalImageElementCloned = modalImageElement.cloneNode(true); modalImageElementCloned.style = ''; modalImageElementCloned.style = 'background-image: ' + 'url("' + currentUrl + '")'; modalImageContainer.appendChild(modalImageElementCloned); } self.slickReady(); }); } }, };