問題タブ [gulp-browser-sync]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
303 参照

browser-sync - ノード 8.9.4 のアップグレード後に browserSync.reload() が機能しなくなった

次のセットアップは次のように機能します。

  1. ファイルを変更する
  2. gulpタスクが開始され、最終的に変更されます/file/to/watch.js
  3. nodemon が Express サーバーを再起動します
  4. browserSync.reload() が呼び出されます
  5. ブラウザのリロード

ノード 8.9.4 に更新して以来 (それが起こったときだと思います)、これは機能しなくなりました。ステップ 1 ~ 4 は問題なく実行されます。しかし、ステップ 5 ではありません。まだ「browserSync.reload!!!」が表示されます。コンソールにログインしても、ブラウザがリロードされません。browserSync のソース コードをステップ実行してみましたが、「ネイティブ コード」というラベルの付いた関数に到達するまでには、あまり時間がかかりません。

ブラウザを再度リロードする方法はありますか?

更新: browser-sync スクリプト タグが挿入されていないことが問題であることがわかりました。openオプションを からfalseに変更すると、機能することもわかりましたtrue。私はそれを に設定することを好みfalseますが、以前はそのように機能していました。何が変わったのかわからない。

0 投票する
2 に答える
870 参照

gulp - SASS、BrowserSync、Uglify、および Nodemon を使用した Express の Gulp ワークフロー

私が直面している問題:

  • ブラウザーが .scss または .js のライブ変更を反映しない
  • gulp.task() からストリームを返す必要があるかどうかはわかりません。いくつかの Web サイトにアクセスして、return を使用するものと使用しないものがある講義を見ました。
  • gulpfile の実行の流れが理解できない (どのステートメントが最初に実行され、次にどのステートメントが実行されるかなど)

これは私の現在のコードですgulpfile.js

https://github.com/DivyanshBatham/GulpWorkflowでプロジェクト構造を確認できます。