JS-плагины №7. Новое подключение swiper.js через npm

Привет! не так давно swiper изменил немного свою работу, обновился, и теперь установка через NPM работает чуть иначе. И в этом небольшом видео я как раз хочу показать - что изменилось, и что делать, если вы хотите подключить плагин через npm. Поехали!

Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.


#обучение #swiperjs #слайдер

[dimaburichin]

Вот это полезно! Делать обзоры на новые фишки после видео по данному слайдеру.

[nomadsteppe]

Спасибо вам огромное! Всю голову уже сломал, не мог понять, почему не работает, прошерстил кучу ссылок, и именно ваше видео помогло!

[eugenenibiru]

пришлось посмотреть 3 раза, чтобы все заработало, но это я тупой. Спасибо за видео!

[dimadodonov]

Привет.

В 10й версии немного поменяли расположение файлов, и теперь появилась проблема "Uncaught TypeError: _swiperBundle.default is not a constructor"

[x-bit]

Спасибо, очень помог) А различные эффекты типа Fade, Flip и т.д. не работают через npm, подскажи может их тоже как-то по особому нужно подрубать?)

[bestviners]

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

[Марква-щы]

Подскажите, будьте добры. В документации свайпера подключение стилей происходит в JS-файле, при помощи импорта "import 'swiper/css';". Мой галп ругается, говоря: "
Вам может понадобиться соответствующий загрузчик для обработки этого типа файла, в настоящее время загрузчики не настроены для обработки этого файла", но я понятия не имею, о каком загрузчике идёт речь. Хотя бы направьте, куда почитать, что изучить, чтобы понять в чём дело

[asgard]

Максим привет. А я вот не понял как быть со стилями. Бандл мин нужно скачать и подключить или как?

[percot]

SOS. Uncaught TypeError: Failed to resolve module specifier "swiper". Relative references must start with either "/", "./", or "../". когда делаю импорт import Swiper from 'swiper';

[PanzarMarina]

Подскажите, пожалуйста. При установке swiper через npm, слайдер не работает, выдает Uncaught SyntaxError: Cannot use import statement outside a module.

[shakokokuashvili]

a pachemu na maiom POWERSHELL ne rabotaet ??

[DreamingDolphing]

Новый Windows Terminal + oh-my-posh сделают тебе красивую консольку.

[romannovak]

Добрый день а зачем вам gulp-uglify-es просто можна поменять мод на продакшен в scriptsBuild или я что-то непонимаю спасибо за ответ

[MaratHighlander]

Здравствуйте! Как я могу реализовать такое: Если слайдов больше чем 2, что бы работало autoPlay? Заранее спасибо :)

[Artemis-yeit]

У меня почему-то нормально не работает. Браузер выдаёт ошибку :
Failed to resolve module specifier "swiper". Relative references must start with either "/", "./", or "../".
А если я укажу путь import до node_modules прямо, то тогда заработает, но тогда не понятно как импортнуть стили

[toprust]

У меня ругается на слово Impotr в js. Что делать?

[hckphy]

А почему все так геморройно? Я захотел использовать модульный swiper. и мне, чтобы подключить сам swiper core через npm надо теперь устанавливать webpack, webpackStream, babel и прочий мусор?

[АнатолийПаутов-вя]

что еще за npm такой, что за консоль 1:43?

[romannovak]

Добрый день помогите пожалуйста слайд работает эффекты не работают 😫