【Gulp】browser-syncのLiveReloadが動かないときの直し方

Gulpのbrowser-syncのLiveReloadがうまく動かないということはありませんか？

browser-syncの記述は正しいにも関わらずLiveReload機能が働かないのはHTMLが原因かもしれません。

browser-syncのLiveReloadが動かないときの直し方

前述したようにgulpfile.jsの記述が間違いなくbrowser-syncのLiveReloadが機能しないときはHTMLファイルを確認してください。

もし<bodyタグ>がなければ<bodyタグ>がないことがLiveReloadが動作しない原因です。

<bodyタグ>を記述しましょう。ちなみに</body>は必要ありません。

<bodyタグ>を記述したあとは一旦gulpへの接続を切って再接続することでLiveReloadが正常に動作します。

HTML5において<bodyタグ>は省略可能ですが、browser-syncのLiveReloadを動かすために記述しておきましょう。