Window.getComputedStyle: Argument 1 is not an object — Как исправить ошибку?

Question

[Stanislav6]

Подключаю js файл с инициализацией слайдеров на сайте (после js файлов самого слайдера, собственно):

const bannerProducts = new Swiper('#banner-products .swiper', {
    
    //разные параметры слайдера

});

Ссылаюсь на документацию по подключению от разработчика:
Инициализация слайдера

Браузер выдаёт ошибку Window.getComputedStyle: Argument 1 is not an object в консоли, ссылаясь на основной js файл слайдера.

В чём проблема?

Answer 1

[Stalker_RED]

Проблема в том, что первый аргумент передаваемый в метод getComputedStyle не является объектом.
А все остальные подробности вы предлагаете угадать?

подсказка: в консоли, в сообщении об ошибке можно кликнуть на номер строки.

Comments

[Stanislav6]

А все остальные подробности вы предлагаете угадать?

Я же написал все подробности: браузер ссылается на основной минифицированный js файл, и на первую строчку в моём файле инициации слайдера.
Вот ссылка на min.js слайдера.

Вот скриншот с консоли


Вот на что в главном js файле ссылается браузер:

function w(e, t) {
    return r().getComputedStyle(e, null).getPropertyValue(t)
  }

[Stalker_RED]

перед инициализацией напишите

console.log('#banner-products', document.querySelecrtor(''#banner-products .swiper'));

чтобы проверить есть ли вообще такой элемент на странице.
Если его нет - вот вам и причина ошибки.
Если он есть, то надо вместо минифицированного файла подставить не минифицированный, и смотреть ошибку в нем.
поставить на строку с ошибкой брейкпоинт, посмотреть трассировку, и т.д.

Answer 2

[DIdma]

Пишу поздно, но все же )
Я нашел такую же ошибку у себя и зашел на этот вопрос чтобы ответить.
У меня была ошибка в верстке, я неправильно написал класс wrapper,
Вместо .swiper-wrapper написал .swipper-wrapper

Может кому то поможет в будущем, ибо в Swiper все написано правильно, просто есть немного кривые разрабы типо меня которые написали неправильно верстку и потом думают что Swiper сломался а не они идоты)