Gulp Javascipt swiper警告修复

vawmfj5a  于 2023-06-27  发布在  Gulp
关注(0)|答案(1)|浏览(166)

我做了一个网站,使用刷卡滑块。
src/js/app.js

import * as flsFunctions from "./modules/functions.js";
import Swiper from 'swiper';
import {
    Navigation,
    EffectFade,
    Pagination,
    Thumbs,
    Controller,
    FreeMode,
    Scrollbar,
    A11y,
    Mousewheel
} from 'swiper';
import AOS from 'aos';

flsFunctions.isWebp();

const swiper = new Swiper('.auctions-slider', {
    loop: true,
    navigation: {
        nextEl: '.swiper-button-next1',
        prevEl: '.swiper-button-prev1'
    },
    modules: [Navigation, EffectFade, Pagination],
    autoHeight: true,
    speed: 500, 
    slidesPerView: 2.8,
})

在保存项目时,gulp给出以下消息
Swiper warning screenshot1
Swiper warning screenshot2
如何修复警告

WARNING in ./src/js/app.js 24:11-21
"export 'Navigation' was not found in 'swiper'

我使用的是Swiper版本5.2.1
package.json

{
  "name": "nft-landing",
  "version": "1.0.0",
  "description": "",
  "main": "gulpfile.js",
  "scripts": {
    "dev": "gulp",
    "build": "gulp build --build",
    "svgSprive": "gulp svgSprive",
    "zip": "gulp deployZIP --build",
    "deploy": "gulp deployFTP --build"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "aos": "^2.3.4",
    "browser-sync": "^2.26.7",
    "del": "^5.1.0",
    "gulp": "^4.0.1",
    "gulp-autoprefixer": "^7.0.1",
    "gulp-clean-css": "^4.2.0",
    "gulp-file-include": "^2.1.1",
    "gulp-fonter": "^0.3.0",
    "gulp-group-css-media-queries": "^1.2.2",
    "gulp-if": "^3.0.0",
    "gulp-imagemin": "^7.1.0",
    "gulp-newer": "^1.4.0",
    "gulp-notify": "^3.2.0",
    "gulp-plumber": "^1.2.1",
    "gulp-rename": "^2.0.0",
    "gulp-replace": "^1.0.0",
    "gulp-sass": "^4.0.2",
    "gulp-svg-sprite": "^1.5.0",
    "gulp-ttf2woff2": "^3.0.0",
    "gulp-util": "^3.0.8",
    "gulp-version-number": "^0.2.4",
    "gulp-webp": "^4.0.1",
    "gulp-webp-html-nosvg": "^1.0.0",
    "gulp-webpcss": "^1.1.1",
    "gulp-zip": "^5.0.1",
    "sass": "^1.26.0",
    "swiper": "^5.2.1",
    "vinyl-ftp": "^0.6.1",
    "webp-converter": "^2.2.3",
    "webpack": "^4.41.5",
    "webpack-stream": "^5.2.1"
  }
}

我试图找到swiper语法的帮助-swiper 5.2.1,但我没有找到任何合适的东西
我希望有人能帮助我与swiper语法。
内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
我试过了

import * as flsFunctions from "./modules/functions.js";
import Swiper from 'swiper';
import {
    Navigation,
    EffectFade,
    Pagination,
    Thumbs,
    Controller,
    FreeMode,
    Scrollbar,
    A11y,
    Mousewheel
} from 'swiper/bundle';
import AOS from 'aos';

flsFunctions.isWebp();

const swiper = new Swiper('.auctions-slider', {
    loop: true,
    navigation: {
        nextEl: '.swiper-button-next1',
        prevEl: '.swiper-button-prev1'
    },
    modules: [Navigation, EffectFade, Pagination],
    autoHeight: true,
    speed: 500, 
    slidesPerView: 3,
})

得到了这个
enter image description here
下面的答案无助于解决警告。

sxpgvts3

sxpgvts31#

试试这个

import {
Navigation,
EffectFade,
Pagination,
Thumbs,
Controller,
FreeMode,
Scrollbar,
A11y,
Mousewheel } from 'swiper/element/bundle';

相关问题