Ошибка "Module parse failed: Unexpected character '@' " возникает в том случае, когда в файле с расширением ".js" или ".jsx" используются импорты, которые Gulp.js не может правильно обработать. Это обычно происходит, когда в импорте присутствуют синтаксические конструкции, отличные от стандартного синтаксиса JavaScript.
Для решения данной проблемы при экспорте стилей Swiper можно использовать следующий подход:
1. Установите пакет gulp-postcss с помощью команды npm install gulp-postcss --save-dev. Этот пакет позволит нам использовать PostCSS, инструмент для преобразования CSS.
2. Создайте новый файл gulpfile.js в корневом каталоге вашего проекта, если его еще нет.
3. В файле gulpfile.js добавьте следующий код:
const gulp = require('gulp');
const postcss = require('gulp-postcss');
const atimport = require('postcss-import');
const autoprefixer = require('autoprefixer');
const cssnano = require('cssnano');
gulp.task('styles', () => {
return gulp.src('path/to/your/styles.css') // Путь к вашим стилям Swiper
.pipe(postcss([atimport, autoprefixer, cssnano]))
.pipe(gulp.dest('path/to/destination/folder')); // Путь к папке, в которую вы хотите сохранить преобразованные стили
});
gulp.task('default', gulp.series('styles'));
4. Замените 'path/to/your/styles.css' на путь к вашим стилям Swiper, а 'path/to/destination/folder' на путь к папке, в которую вы хотите сохранить преобразованные стили.
5. Запустите задачу Gulp, используя команду gulp в терминале: gulp.
Gulp выполнит задачу 'styles', которая будет обрабатывать ваши стили Swiper с помощью PostCSS и сохранять их в указанную папку назначения.
Теперь ваши стили должны быть успешно обработаны и экспортированы без ошибки "Module parse failed: Unexpected character '@' ".
Обратите внимание, что для работы этого подхода вам может понадобиться установить Node.js, npm и Gulp.js, если вы еще не установили их в своей системе. Вы также должны убедиться, что все необходимые пакеты установлены и указаны в файле package.json вашего проекта.