Почему не работает browsersync и не компилируются файлы?

Ссылка скопирована
2 ответов

Не работает browsersync и компиляция файлов в галпе
gulpgile.js:

const gulp = require('gulp');
const browserSync = require('browser-sync');
const sass = require ('gulp-sass');
const rename = require("gulp-rename");
const autoprefixer = require('gulp-autoprefixer');
const cleanCSS = require('gulp-clean-css');

gulp.task('browser-sync', function() {
browserSync.init({
server: {
baseDir: "./src/"
}
});
});

gulp.task('styles', function() {
return gulp.src("src/sass/*.+(scss|sass)")
.pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
.pipe(rename({
prefix: "",
suffix: ".min",
}))
.pipe(autoprefixer({
browsers: ['last 2 versions']

}))
.pipe(cleanCSS({compatibility: 'ie8'}))
.pipe(gulp.dest("src/css"))
.pipe(browserSync.stream());
});

gulp.task('watch', function() {
gulp.watch("src/sass/*.+(scss|sass)", gulp.parallel("styles"))
gulp.watch("src/*.html").on("change", browserSync.reload);
});

gulp.task('default', gulp.parallel('watch', 'server', 'styles'));

После команды "gulp" терминал выдаёт ошибку:
AssertionError [ERR_ASSERTION]: Task never defined: server
at getFunction (C:UsersMiduanDesktopwebpulsometresnode_modulesundertakerlibhelpersnormalizeArgs.js:21:9)
at map (C:UsersMiduanDesktopwebpulsometresnode_modulesarr-mapindex.js:20:14)
at normalizeArgs (C:UsersMiduanDesktopwebpulsometresnode_modulesundertakerlibhelpersnormalizeArgs.js:30:10)
at Gulp.parallel (C:UsersMiduanDesktopwebpulsometresnode_modulesundertakerlibparallel.js:13:14)
at Object. (C:UsersMiduanDesktopwebpulsometresgulpfile.js:38:27)
at Module._compile (node:internal/modules/cjs/loader:1159:14)
at Module._extensions..js (node:internal/modules/cjs/loader:1213:10)
at Module.load (node:internal/modules/cjs/loader:1037:32)
at Module._load (node:internal/modules/cjs/loader:878:12)
at Module.require (node:internal/modules/cjs/loader:1061:19) {
generatedMessage: false,
code: 'ERR_ASSERTION',
actual: false,
expected: true,
operator: '=='

Дополнительно:

возможно всё таки стоит прочитать первую строчку в ошибке?

  • its2easyy, мне это мало о чём говорит, я новичок и не понимаю как должна выглядеть правильная запись
  • natalieeccc, Задача server не определена. :)
  • Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Лучший ответ
    1
    Виктор Sys Ответ

    Чтобы разобраться, почему не работает browsersync и не компилируются файлы, нужно пройти через несколько шагов:

    1. Убедитесь, что у вас установлены все необходимые зависимости для работы browsersync и компиляции файлов. Для этого проверьте ваш package.json на наличие необходимых пакетов. Установите их, если они отсутствуют, с помощью команды `npm install`.

    2. Проверьте настройки вашего конфигурационного файла для browsersync (обычно это `bs-config.js` или `browsersync-config.js`). Убедитесь, что все параметры правильно сконфигурированы, включая пути к файлам, порты и т.д.

    3. Проверьте ваш файл сборки (например, webpack.config.js или gulpfile.js) на наличие ошибок в настройках компиляции. Убедитесь, что все пути к файлам указаны правильно, все плагины активированы и т.д.

    4. Попробуйте перезапустить browsersync и компиляцию файлов с нуля. Для этого остановите все процессы с помощью Ctrl + C в терминале и запустите их заново.

    5. Если проблема не решается, попробуйте обновить все зависимости до последних версий. Это может помочь исправить возможные ошибки в старых версиях пакетов.

    Если после всех этих шагов проблема все еще не решена, попробуйте обратиться за помощью на специализированные форумы или ресурсы, где опытные разработчики могут помочь вам найти и исправить ошибку.

    Другие ответы (1) Ответить на вопрос
    Виктор Sys

    Для того, чтобы разобраться почему не работает browsersync и файлы не компилируются, нужно провести несколько проверок и настроек.

    1. Убедитесь, что у вас правильно настроен конфигурационный файл для browsersync. В нем должны быть указаны пути к вашим исходным файлам, папка, в которую browsersync должен компилировать файлы, порт для работы сервера и другие необходимые параметры. Проверьте, что все настройки указаны правильно.

    2. Проверьте, что у вас установлены все необходимые пакеты и зависимости для работы сборщика проекта. Убедитесь, что у вас установлены npm, gulp или webpack (в зависимости от того, что вы используете) и все необходимые модули.

    3. Проверьте, что у вас нет ошибок в ваших исходных файлах (например, ошибки в синтаксисе CSS или JS). Это может привести к тому, что browsersync не сможет скомпилировать файлы.

    4. Убедитесь, что порт, на котором работает browsersync, не занят другим приложением. Если порт занят, browsersync не сможет запуститься.

    5. Попробуйте перезапустить browsersync и перезагрузить страницу. Иногда простой перезапуск помогает решить проблему.

    Если после выполнения всех этих шагов проблема не решится, попробуйте обратиться к сообществу разработчиков на специализированных форумах или сайтах для получения дополнительной помощи и советов.

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно