1

リロードが正常に機能しているように見える LiveReload セットアップがありますが、CSS に加えた変更は通常、ページの更新を実行する前に適用されません。

私が観察していること:

  1. ブラウザがサーバーに接続: 「ブラウザが接続されました」と表示されます。ログで)
  2. ファイルに変更を加えるたびに、LiveReload が反応していることを確認できます。ログに「Browser reloading /path/to/file」と表示されます。
  3. ファイルが HTML ファイルである場合は常に、ブラウザーはページを完全にリロードします。
  4. ファイルが CSS ファイルの場合は常に、サーバー ログと Chrome の開発者ツールの両方で示されているように、ファイルがリロードされていることを確認できますが、レイアウトには何も起こりません。css ファイルに 2 つの編集を加えた結果のスクリーンショットを含めました。

  5. ときどきブラウザが実際に更新されますが、これがいつ発生するかについてのパターンを確認できませんでした。

ここに何があるか知っている人はいますか?


ここで実際のリロードが機能しているため、関連性があるかどうかはわかりませんが、私のセットアップはguard-livereload 2.1.1とrack-livereload 0.3.15で構成されています(ブラウザプラグインを使用する必要がないようにするため)。

4

1 に答える 1

0

同じエラーが発生し、ロードされているファイルが実際に編集していたファイルではないことに気付きました。私の場合、これは、同じ名前の 2 つの scss ファイルがあるときに発生していました。

すなわち:

  • 部分/file.scss
  • モジュール/ファイル.scss

modale/file.scss に変更を加えると、コンパイルされたバージョンの partial/file.scss が再ロードされる場合があります。

于 2014-03-27T02:01:04.350 に答える