Swiper: TypeError: невозможно прочитать свойство «push» неопределенного или TypeError: classNames не определено

Я использую Свайпер v4.5 для своего проекта. Когда я открываю режим разработчика Chrome, чтобы посмотреть свой проект, возникает ошибка: Uncaught TypeError: Cannot read property 'push' of undefined. Я также пробовал Swiper v4.2, и тот же результат. Как мне решить эту проблему?

Весь проект использует следующие js:

- modernizr.min.js
- jquery.min.js
- bootstrap.min.js
- swiper.min.js

Часть ошибки Swiper:

suffixes.forEach(function (suffix) {
      classNames.push(params.containerModifierClass + suffix);
});

По-видимому, classNames не определено.

JasonB 30.05.2019 05:22
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
2
1 157
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Введение

Похоже, новые версии Swiper полностью не подходят для использования в браузерах. Браузеры, похоже, имеют несовместимый JS. Кажется, вам нужно использовать более старую версию Swiper.

Начиная с Swiper 5.3.6, swiper5_3_6/package/src/components/core/classes/addClasses.js имеет следующее:

export default function () {
  const swiper = this;
  const {
    classNames, params, rtl, $el,
  } = swiper;

[много строк пропущено]


  suffixes.forEach((suffix) => {
    classNames.push(params.containerModifierClass + suffix);
  });

Отвечать

Известным хорошим Swiper для браузеров является версия 3.3.1, которую мы используем в производстве для небольшого проекта. Наслаждаться!

Другие вопросы по теме