リロードが正常に機能しているように見える LiveReload セットアップがありますが、CSS に加えた変更は通常、ページの更新を実行する前に適用されません。
私が観察していること:
- ブラウザがサーバーに接続: 「ブラウザが接続されました」と表示されます。ログで)
- ファイルに変更を加えるたびに、LiveReload が反応していることを確認できます。ログに「Browser reloading /path/to/file」と表示されます。
- ファイルが HTML ファイルである場合は常に、ブラウザーはページを完全にリロードします。
ファイルが CSS ファイルの場合は常に、サーバー ログと Chrome の開発者ツールの両方で示されているように、ファイルがリロードされていることを確認できますが、レイアウトには何も起こりません。css ファイルに 2 つの編集を加えた結果のスクリーンショットを含めました。
ときどきブラウザが実際に更新されますが、これがいつ発生するかについてのパターンを確認できませんでした。
ここに何があるか知っている人はいますか?
ここで実際のリロードが機能しているため、関連性があるかどうかはわかりませんが、私のセットアップはguard-livereload 2.1.1とrack-livereload 0.3.15で構成されています(ブラウザプラグインを使用する必要がないようにするため)。