Сталкивался с такой проблемой.
Browser-sync по умолчанию добавляет специальный скрипт:
<script async="" src="/browser-sync/browser-sync-client.js?v=2.23.6"></script>
Сразу же после тега <body> и если на странице по какой то причине открывающийся тег <body> будет отсутствовать 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
