問題タブ [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.
browser-sync - ノード 8.9.4 のアップグレード後に browserSync.reload() が機能しなくなった
次のセットアップは次のように機能します。
- ファイルを変更する
- gulpタスクが開始され、最終的に変更されます
/file/to/watch.js
- nodemon が Express サーバーを再起動します
- browserSync.reload() が呼び出されます
- ブラウザのリロード
ノード 8.9.4 に更新して以来 (それが起こったときだと思います)、これは機能しなくなりました。ステップ 1 ~ 4 は問題なく実行されます。しかし、ステップ 5 ではありません。まだ「browserSync.reload!!!」が表示されます。コンソールにログインしても、ブラウザがリロードされません。browserSync のソース コードをステップ実行してみましたが、「ネイティブ コード」というラベルの付いた関数に到達するまでには、あまり時間がかかりません。
ブラウザを再度リロードする方法はありますか?
更新: browser-sync スクリプト タグが挿入されていないことが問題であることがわかりました。open
オプションを からfalse
に変更すると、機能することもわかりましたtrue
。私はそれを に設定することを好みfalse
ますが、以前はそのように機能していました。何が変わったのかわからない。
gulp - SASS、BrowserSync、Uglify、および Nodemon を使用した Express の Gulp ワークフロー
私が直面している問題:
- ブラウザーが .scss または .js のライブ変更を反映しない
- gulp.task() からストリームを返す必要があるかどうかはわかりません。いくつかの Web サイトにアクセスして、return を使用するものと使用しないものがある講義を見ました。
- gulpfile の実行の流れが理解できない (どのステートメントが最初に実行され、次にどのステートメントが実行されるかなど)
これは私の現在のコードですgulpfile.js
。
https://github.com/DivyanshBatham/GulpWorkflowでプロジェクト構造を確認できます。