No Image

Browser sync не обновляет страницу

СОДЕРЖАНИЕ
718 просмотров
10 марта 2020

Я новичок в Gulp, и я хотел использовать его автоматическую компиляцию scss и синхронизацию браузера. Но я не могу заставить его работать.

Я раздели все, чтобы оставить только содержимое примера на веб-сайте Browsersync:

Я могу вызвать Gulp. Сайт отображается, и я получаю сообщение от Browsersync. Когда я изменяю HTML, страница перезагружается. Когда я изменяю scss, я вижу это:

но я должен перезагрузить вручную. Что мне не хватает?

23817 просмотра

9 ответа

173 Репутация автора

Я новичок в Gulp, и я хотел использовать автоматическую компиляцию scss и синхронизацию браузера. Но я не могу заставить его работать.

Я убрал все, чтобы оставить только содержимое примера на веб-сайте Browsersync:

Я могу назвать подачу глотки. Сайт отображается, и я получаю сообщение от Browsersync. Когда я изменяю HTML, страница перезагружается. Когда я изменяю scss, я могу это увидеть:

но я должен перезагрузить вручную. Что мне не хватает?

Ответы (9)

9 плюса

9016 Репутация автора

Это потому, что вы звоните browserSync.reload на часы html, а не на часы scss.

16 плюса

2468 Репутация автора

Вы можете просто вставлять изменения вместо того, чтобы принудительно обновлять полный браузер при компиляции SASS, если хотите.

6 плюса

194 Репутация автора

Это то, что я использую, и это нормально работает в sass или любых других файлах

плюса

6 Репутация автора

Я включаю это в свой html, прямо под тегом body. Оно работает.

2 плюса

7650 Репутация автора

Иди в эту же проблему, пытаясь перезагрузить php и js файлы и потоковые css файлы. Я смог использовать поток только с помощью pipe метода, что имеет смысл. В любом случае, вот что сработало для меня:

Читайте также:  Ростов на дону жди меня

Но, на самом деле, я предпочитаю ответ @ pixie:

Автор: bozdoz Размещён: 24.04.2016 05:44

1 плюс

416 Репутация автора

У меня тоже была такая же проблема. Он работал, когда я назвал метод перезагрузки отдельной задачей.

18 плюса

408 Репутация автора

Я также столкнулся с аналогичной проблемой, когда я был новичком в использовании браузера-синхронизации, в командной строке говорилось «перезагрузка браузеров», но браузер совсем не обновлялся, проблема заключалась в том, что я не включил тег body на моей странице HTML, browser-sync может добавить скрипт для его функциональности, убедитесь, что на вашей HTML-странице есть тег тела.

Автор: SU15 Размещён: 22.05.2017 09:57

1 плюс

9501 Репутация автора

Иногда при использовании CLI у вас нет скрипта, вставленного в ваши основные файлы HTML, поэтому вы должны вручную добавить это или использовать глоток.

плюса

336 Репутация автора

Я запускаю сайт MAMP, и это сработало для меня

Добрый день!
Перестала обновляться страница проекта с Browser-Sync. Причем страница открывается, но при внесении изменений не обновляется. В конфигурации ничего не менялось. Другой проект с такой же конфигурацией Gulp файла собирается и обновляется нормально.
Страница перестала обновляться во время разработки проекта, т.е. плагины и gulp файл не менялся.

  • Вопрос задан более трёх лет назад
  • 1501 просмотр

Причину подсказать не могу (очевидно из-за обновления), но зато есть рабочий вариант

Потом в каждом watch нужно дописать browserSync.reload

Сталкивался с такой проблемой.
Browser-sync по умолчанию добавляет специальный скрипт:

Сразу же после тега и если на странице по какой то причине открывающийся тег будет отсутствовать Live Reload перестанет работать.

Вот цитата из документации:

Why isn’t Browsersync connecting with my project?
99% of the time, it’s because your web page doesn’t have a body tag. In order for Browsersync to connect properly the body tag must be present in your website (we add a script tag just after it). Alternatively you can provide a custom rule for the snippet using snippetOptions

Комментировать
718 просмотров
Комментариев нет, будьте первым кто его оставит

Это интересно
Adblock
detector