問題タブ [gulp-livereload]

Gulp タスクに livereload を追加しました。CSSファイルを編集するときを除いて、ページCSSだけでなくページ全体が更新されます。

更新以下のリンクから次のコードを試しましたが、同じことを行います。http://www.roelvanlisdonk.nl/?p=4675

これと同じ動作: https://laracasts.com/discuss/channels/tips/proper-way-to-use-livereload-with-laravel-elixir

次のことを試しましたが、ライブ リロード ブラウザ プラグインをオンにしようとすると、ライブ リロード サーバーが見つからないと表示されます。 gulp: 更新せずにブラウザーを更新する方法 (css の変更のみ)

gulp ファイルの livereload に問題があります。

livereload.listen()監視タスクの一部として実行すると、機能します。

ただし、監視する前に別の用語ウィンドウで別のタスクとしてライブ リロードを起動すると、機能しません。

// ある端末で gulp lr を実行し、別の端末で gulp watch を実行します。

gulp-connectプラグインを使用してみましたが、同じ結果が得られました。個別に実行されている監視タスクに関する何か。すべてのケースで livereload がブラウザーにロードされていることを確認でき、正しく実行されていることを確認できます。

何が起こっているのか、これらを 2 つのタスクとして実行することは可能ですか (タスクを 1 つに結合することに興味がないことに注意してください。それはこの質問の目的ではありません)。

ここに私のgulpfile.jsがあります：

私のapp.js：

「Hello world!」と変更すると 「Hello world!!!!!」に、コンソールに次のように表示されます。

それは私の変更を記録しました。しかし、ページはまったくリロードされません。変更を確認するには、ブラウザを更新する必要があります。gulpfile.js に何か問題がありますか? 何か案が？ありがとう。

MAMP を使用して livereload を実行するように gulp をセットアップしようとしています。これが私のgulpfileです：

ご覧のとおり、gulpfile は、要素ディレクトリ内のファイルに変更が加えられるたびにキャッシュをクリアしてブラウザーをリロードし、scss ファイルが変更されるたびに sass をコンパイルしてブラウザーをリロードすることになっています。キャッシュのクリアと sass のコンパイルは正常に機能し、どちらもそれぞれの関数で console.log メッセージを吐き出します。

私が問題を抱えているのは、ブラウザをリロードするために livereload を取得することです。livereload が機能していることはわかっていますが、実際にはブラウザーをまったくターゲットにしていません。端末に のようなメッセージが表示されるためです/Applications/MAMP/htdocs/assets/styles/css/style.css reloaded。

シンプルな gulpfile.js があります: シンプルな gulpfile.js があります: シンプルな gulpfile.js があります: シンプルな gulpfile.js があります: シンプルな gulpfile.js があります: シンプルな gulpfile.js があります:シンプルな gulpfile.js:シンプルな gulpfile.js があります

サーバー.js

アプリケーションを実行すると、このエラーが発生します。

コンソール