問題タブ [gulp-livereload]

私は自分で使用gulp-livereloadしますgulpfile.js。

CSS ファイルでは問題なく動作しますが、HTML ファイルではクラッシュします。

たとえば、保存するたびにindex.html、以下のエラーで gulp がクラッシュします。

なぜこうなった？

DEMO HERE

私は常に返すようgulpfile.jsに設定しました。expressindex.html

初めて に移動すると、すべて正常に動作しlocalhost:8000ます。私の Angular ルートは にリダイレクトされhttp://localhost:8000/homeます。

しかし、その後更新するhttp://localhost:8000/homeと、コンソールに次のエラーが表示されます。

なぜこうなった？

DEMO HERE

Django で gulp-liveReloadを使用したいのですが、可能ですか? Grunt の代替手段があることを読みましたが、Gulp を使用する方が簡単です。

ありがとう、

私はさまざまなオプションを試してみましたが、最終的に次の混乱したバージョンの gulpfile.js で終了しましたが、それを機能させることができません:(。

Chrome プラグインの代わりに、ripple-emulator npm パッケージを使用しています。これによりエミュレーターが起動し、livereload を除くすべてが機能します (ただし、手動更新は機能します)。

私が使用している依存関係..

私は、Grunt や Gulp を使用してアセット コンパイル システムを構築することに慣れています。Gulp の livereload と Chrome の livereload プラグインを使用して、特定のファイル タイプの変更を監視し、変更されたファイルのみをリロードする非常に優れたシステムを使用しています。ember-cli を使用すると、CSS ファイルを変更すると、CSS ファイルを再読み込みするだけでなく、ページ全体を再読み込みします。深くネストされたプロセスのスタイルを設定しようとすると、これは苦痛になります。これを Ember CLI で正しく動作させる方法についてのアイデア/考えはありますか?

私の設定は、想定されているすべてのことを行いますが、ブラウザーを更新することはありません。手動で更新すると、変更があります。デフォルトの localhost:3000 に接続しています。なぜそうなのか、それをデバッグする方法はありますか?

gulpfile.js:

コンソール出力の例:

開発ワークフローで gulp/live reload を使用しています。CSS を使用して要素のスタイルを設定するとき、Chrome Dev Tools を直接使用して、その要素のスタイル ルールを調整することがあります (編集:要素パネルの下のevent.style {}を使用)。そして、それらを希望どおりに作成したら、それらを Sublime Text にコピーしてプロジェクトに保存します。

問題は、私が行ったこれらの一時的な変更は、保存した後も CSS ファイルに加えられた変更をブロックし続けるため、本質的に Live Reload をオーバーライドすることです。つまり、(実際の) 変更を確認するには、標準的な方法でページをリロードする必要があります。 css ファイル自体で作成されるため、ライブ リロードの効果が妨げられます。

1 つだけ変更した場合は、特定の要素のスタイル ルールをオフにすることができます。これは問題なく機能しますが、スタイルに複数の要素が含まれるメニューなどのより複雑な要素の場合、それを無効にするのは困難です。それらをオフにするためにdevtools内で変更されたものを覚えておいてください。

これらのローカル スタイル ルールをグローバルに無効化または削除する方法はありますか?