макет не реагирует на код! в консоли ничего не происходит

не могу понять в чем дело? написал код как в уроке , терминал без ошибок , а слайды не переключаются, и в консоли разработчика не выдает ни каких ошибок! что делать? пишу на webStorm

    //slider.js
export default class Slider {
        constructor(page, btns) {
            this.page = document.querySelector(page);
            this.slides = this.page.children;
            this.btns = document.querySelectorAll(btns);
            this.slideIndex = 1;
        }

        showSlides(n) {
            if (n > this.slides.length) {
                this.slideIndex = 1;

            }

            if (n < 1) {
                this.slideIndex = this.slides.length;
            }

            this.slides.forEach(slide => {
                slide.style.display = 'none';
            });


            this.slides[this.slideIndex - 1].style.display = 'block';
        }

        plusSlides(n) {
            this.showSlides(this.slideIndex += n);

        }

        render() {
            this.btns.forEach(item => {
                item.addEventListener('click', () => {
                    this.plusSlides(1);
                });

                item.parentNode.previousElementSibling.addEventListener('click', (e) => {
                    e.preventDefault();
                    this.slideIndex = 1;
                    this.showSlides(this.slideIndex);
                });
            });

            this.showSlides(this.slideIndex);
        }
    }

//main.js
    import Slider from './modules/slider';

    window.addEventListener('DOMContentLoader', () => {
        const slider = new Slider('.page', '.next');
        slider.render();
    });