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

gulp関連記事のアイキャッチ

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を動かすために記述しておきましょう。

関連 gulp4に対応したgulpfile.jsのサンプル

コメント

タイトルとURLをコピーしました