Не работает browser-sync в gulp
Здравствуйте.
Заранее извиняюсь, если ошибся разделом форума. Не нашёл куда приткнуть тему.
Пытаюсь запустить browserSync через консоль, через gulpfile.js
В гугле находил кучу решений типа «Указать браузер, поменять порт».
Ошибка та же.
Буду очень рад, если кто подсобит.
Помощь в написании контрольных, курсовых и дипломных работ здесь.
Не сразу синхронизирует browser-sync в Gulp на IDE Phpstorm
Добрый день, использую Gulp с пакетом тасков в программе PhpStorm, запускаю весь пакет тасков через.
Node.js и browser sync
Вроде бы запустилось, а в итоге показывает Cannot GET /, что делать без понятия.
Появляется лишний div при сохранении с browser-sync
Когда сохраняю .scss файл и браузер обновляется, на странице появляется лишний div. Если после.
Почему не работает cin.clear() и как работает sync()?
#include #include using namespace std; char*input(char*ch,int&n)<.
Попробуйте запихнуть в gulpfile вот это :
Переход на Gulp v4 Перестал работать плагин сборщик спрайтов gulp.spritesmith
Перешел на новую версию Gulp (v4) и мой галп сборщик превратился в тыкву, Подскажите, как исправить.
Sync.WorkGroup / sync.Mutex
Здравствуйте, подскажите пожалуйста, можно ли каким-то образом передавать типы данных.
Gulp rigger и gulp include file при сборке html файла ломают верстку
Добрый вечер. Осваиваю gulp. На данном этапе мне нужна только вставка повторяющегося кода.
Почему не работает gulp?
var gulp = require(‘gulp’), browserSync = require(‘browser-sync’).create(), less =.
Не работает gulp (sass)
Всем привет!) Ребят, у кого была похожая проблема, поделитесь, пожалуйста опытом Правила форума.
Не работает Browser Link
Не могу добавить поддержку BrowserLink таким способом в классе Startup. Пример взят из книги.
Источник
Ошибка в gulp browser-sync, как исправить?
Не пойму в чем проблема. Browser sync не хочет вотчить за html.
Директорию прописал, а он собака не видит
В чем прикол, когда я кидаю index.html из папки app, в папку где лежит gulpfile.js, то он вотчит. А какого он так делает? Я ему же говорю иди в папку app и бери там html.
Ребята хелп
Вот код
//подключаем пакеты
const < src, dest, parallel, series, watch >= require(‘gulp’);
const browserSync = require(‘browser-sync’).create();
const concat = require(‘gulp-concat’);
const uglify = require(‘gulp-uglify-es’).default;
const sass = require(‘gulp-sass’);
const autoprefixer = require(‘gulp-autoprefixer’);
const cleancss = require(‘gulp-clean-css’);
const imagemin = require(‘gulp-imagemin’);
const newer = require(‘gulp-newer’);
const del = require(‘del’);
function browsersync() <
browserSync.init( <
server: <
baserDir: ‘app/’
>,
port: 3000,
notify: false
// online: true
>);
>;
function scripts() <
return src([
‘node_modules/jquery/dist/jquery.min.js’, // Пример подключения библиотеки
‘app/js/app.js’, // Пользовательские скрипты, использующие библиотеку, должны быть подключены в конце
])
.pipe(concat(‘app.min.js’)) // Конкатенируем в один файл
.pipe(uglify()) // Сжимаем JavaScript
.pipe(dest(‘app/js’)) // Выгружаем готовый файл в папку назначения
.pipe(browserSync.stream()) // Триггерим Browsersync для обновления страницы
>;
function styles() <
return src(‘app/scss/main.scss’)
.pipe(sass())
.pipe(concat(‘style.min.css’))
.pipe(autoprefixer( <
overrideBrowserslist: [‘last 10 versions’],
grid: true
>))
.pipe(cleancss( < level: < 1: < specialComments: 0 >>/* , format: ‘beautify’ */ > )) // Минифицируем стили
.pipe(dest(‘app/css/’))
.pipe(browserSync.stream())
>;
function images() <
return src(‘app/image/src/**/*’)
.pipe(newer(‘app/image/dest/’))
.pipe(imagemin())
.pipe(dest(‘app/image/dest/’))
>
Источник
browser-sync не обновляет страницу после изменений с помощью Gulp
Я новичок в Gulp, и я хотел использовать его автоматическую компиляцию scss и синхронизацию браузера. Но я не могу заставить его работать.
Я раздел все, чтобы оставить только содержимое примера на веб-сайте Browsersync:
Я могу назвать gulp служить. Сайт показывает, и я получаю сообщение от Browsersync. Когда я изменяю HTML, страница перезагружается. Когда, Однако, я измените scss, я вижу это:
но я должен перезагрузить вручную. Что я упускаю?
8 ответов
вы можете просто ввести изменения вместо того, чтобы заставлять полное обновление браузера при компиляции SASS, если хотите.
Я также столкнулся с аналогичной проблемой, когда я был новичком в использовании синхронизации браузера, в командной строке говорилось «перезагрузка браузеров», но браузер не был обновлен вообще, проблема заключалась в том, что я не включил тег тела в свою HTML-страницу, где браузер-синхронизация может вводить скрипт для его функциональности, убедитесь, что Ваша HTML-страница имеет тег тела.
Это потому, что ты называешь browserSync.reload на часах html, а не на часах scss.
Это то, что я использую, и он отлично работает в sass или любых других файлах
столкнулся с этой же проблемой при попытке перезагрузить php и js файлы и поток css файлы. Я смог использовать stream только с помощью pipe метод, который имеет смысл. Во всяком случае, вот что сработало для меня:
но я на самом деле предпочитаю, чтобы ответ @ pixie был изменен:
У меня также была та же проблема. Это сработало, когда я вызвал метод reload как отдельную задачу.
иногда при использовании CLI у вас нет сценария, вставленного в ваши основные файлы HTML, поэтому вы должны вручную добавить это или использовать gulp.
Я включаю это в свой html, прямо под тегом body. Это работает.
Источник
Gulp + browser sync. Почему не работает stream?
В целом он следит и обновляет, но если прописать (< stream: true >), то он перестает отслеживать файлы стилей. В чем может быть проблема?
[16:56:54] Using gulpfile C:\OSPanel\domains\podgoroy.loc\gulpfile.js
[16:56:54] Starting ‘browser-sync’.
[16:56:55] Finished ‘browser-sync’ after 181 ms
[16:56:55] Starting ‘watch’.
[16:56:55] ‘watch’ errored after 264 μs
[16:56:55] ReferenceError: browserSync is not defined
at Gulp. (C:\OSPanel\domains\podgoroy.loc\gulpfile.js:25:64)
at module.exports (C:\OSPanel\domains\podgoroy.loc\node_modules\orchestrator\lib\runTask.js:34:7)
at Gulp.Orchestrator._runTask (C:\OSPanel\domains\podgoroy.loc\node_modules\orchestrator\index.js:273:3)
at Gulp.Orchestrator._runStep (C:\OSPanel\domains\podgoroy.loc\node_modules\orchestrator\index.js:214:10)
at C:\OSPanel\domains\podgoroy.loc\node_modules\orchestrator\index.js:279:18
at finish (C:\OSPanel\domains\podgoroy.loc\node_modules\orchestrator\lib\runTask.js:21:8)
at module.exports (C:\OSPanel\domains\podgoroy.loc\node_modules\orchestrator\lib\runTask.js:60:3)
at Gulp.Orchestrator._runTask (C:\OSPanel\domains\podgoroy.loc\node_modules\orchestrator\index.js:273:3)
at Gulp.Orchestrator._runStep (C:\OSPanel\domains\podgoroy.loc\node_modules\orchestrator\index.js:214:10)
at Gulp.Orchestrator.start (C:\OSPanel\domains\podgoroy.loc\node_modules\orchestrator\index.js:134:8)
[Browsersync] Proxying: podgoroy.loc
[Browsersync] Access URLs:
————————————
Local: localhost:3000
External: 172.20.10.4:3000
————————————
UI: localhost:3001
UI External: 172.20.10.4:3001
- Вопрос задан более трёх лет назад
- 1434 просмотра
browsersync = require(‘browser-sync’),
=>
browserSync = require(‘browser-sync’),
Источник
Настройка Gulp. Не работает browserSync?
Доброго времени суток.
BrowserSync не хочет запускаться.
выдаёт вот такое сообщение
ReferenceError: wach is not defined
at Object. (C:\Users\kolpa\Desktop\FrontEnd\Projects\Gulp\gulpfile.js:45:19)
at Module._compile (internal/modules/cjs/loader.js:1068:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1097:10)
at Module.load (internal/modules/cjs/loader.js:933:32)
at Function.Module._load (internal/modules/cjs/loader.js:774:14)
at Module.require (internal/modules/cjs/loader.js:957:19)
at require (internal/modules/cjs/helpers.js:88:18)
at requireOrImport (C:\Users\kolpa\AppData\Roaming\npm\node_modules\gulp-cli\lib\shared\require-or-import.js:19:11)
at execute (C:\Users\kolpa\AppData\Roaming\npm\node_modules\gulp-cli\lib\versioned\^4.0.0\index.js:37:3)
at Liftoff.handleArguments (C:\Users\kolpa\AppData\Roaming\npm\node_modules\gulp-cli\index.js:211:24)
вот код gulpfile.js
Что не так не могу понять.
- Вопрос задан 31 мая
- 65 просмотров
Простой 1 комментарий
Вопрос для самостоятельно решения требует минимальной внимательности при чтении сообщений об ошибках (представьте себе, в них пишут важную информацию!)
«ReferenceError: wach is not defined» — попробуйте перевести. Напрягитесь. Я уверен, у вас получится.
Источник