刷卡器：TypeError：无法读取未定义的属性'push'或TypeError：classNames未定义

Question

我将Swiper 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);
});

Answer 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，我们将其用于生产中的一个小型项目。享受！