問題タブ [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 投票する
1 に答える
136 参照

javascript - URLリクエストからBrowserSyncのリロードをトリガーしますか?

URL を要求して BrowserSync の完全な更新をトリガーする方法はありますか?

このケースは、データベース コンポーネントを備えたプロキシ Web アプリです。データベース内の何かが変更された場合、更新フックが URL を ping して BrowserSync のリロードをトリガーすることができます。

で何らかの URL をリクエストすることでこれが可能になるようですがlocalhost:3001、この種のことはドキュメントに記載されていません。

0 投票する
1 に答える
1377 参照

javascript - gulp と browsersync の問題で新しいファイルを見る

ファイルが変更されたときにブラウザをリロードするために browsersync を使用しています。そしてそれは完璧に機能します。しかし、html - scss - js bowsersync などの新しいファイルを作成すると機能しません!!! この問題を解決するにはどうすればよいですか?

gulpjs :

0 投票する
1 に答える
677 参照

node.js - コマンドライン browser-sync は変更を検出し、ページを更新しません

Mac (10.10.3) で browser-sync (2.7.1) を実行しています。コマンドラインから実行しています:

css ファイルに変更を加えると、BS が変更を検出します。

しかし、私のブラウザは更新されていません。

これは数日前に正常に機能していました.npmモジュール、Xcodeを更新しましたが、特に何かがそれを壊したことを覚えていないので、再インストールしました.

これをトラブルシューティングする方法がわかりません。誰か助けてくれませんか?

0 投票する
3 に答える
2355 参照

node.js - BrowserSync のファイルの除外が機能しない

私は現在、GulpJS を使用した JavaScript ビルドの自動化に関する John Papa のコースに従っています。現時点では、ブラウザの同期を維持するために、 gulp-nodemonでbrowser-syncをセットアップしようとしています。これは私の開発ビルドを提供するための私のgulpタスクです:

興味深い部分は関数startBrowserSync()です:

オプションでわかるfilesように、ファイルを除くクライアント フォルダー内のすべてのファイルを*.scss監視し、ディレクトリ内の CSS ファイルを明示的に監視したいと考えています.tmp。それが、ジョン・パパがコースで行っている方法です。ただし、ファイル内の何かを変更するたびに、*.scssページ全体がリロードされます。CSS を挿入し、ページ全体をリロードしないように設定injectChangesしたため、これは予想される動作ではありません。true問題は、!が監視対象からファイルを除外しないことです。ここで何が問題なのですか?

ところで; sass の設定は次のようになります。

私はすでに BrowserSync のドキュメントherehereを調べましたが、プロパティを使用してwatchOptionsファイルを無視しても機能しません。

別の問題は、config.tmp + '**/*.css'正しく機能していないことです。変数を と宣言しましたvar tmp = './.tmp/';。どういうわけか、BrowserSync に問題があり.tmpます。tmpそれをonlyに変更すると、機能します。ただし、 .tmpタスクなど、他のすべての gulp タスクで機能しstylesます。

ここで何が問題なのですか?何か案は?

編集:私はBrowserSync 2.7.1を使用しているのでcreate()、モジュールのエクスポートを呼び出してbrowserSyncインスタンスを作成する推奨方法も試しました。さらに、このブログ投稿に記載されているように、BrowserSync 呼び出しを次のように変更しました。

オプション オブジェクトからプロパティを削除し、それらを関数files内の配列として渡しました。init()それでもscssファイルは無視されないため、スタイルが変更されただけでもページ全体がリロードされます。

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

angularjs - サーバーがBrowserSyncから切断されたときに、browserSyncはlaravelセッションをクリアしますか?

プロジェクトで angularjs で laravel 5 を使用しています。gulp を使用して browserSync を追加しましたが、システムにログインしようとすると問題が発生します。ユーザーがすでに認証されている場合でも、システムはホームページにリダイレクトしません。Disconnected from BrowserSyncリダイレクトが発生するたびに「 」が表示されます。これは、切断されたときに認証セッションをクリアする browserSync の問題だと思います。browserSyncが切断されたときにセッションがクリアされるというのが本当かどうか、誰か教えてもらえますか?

0 投票する
1 に答える
1009 参照

growl - Gulp + Growl + Browser-sync 通知

私はぐいぐいとうなり声を使います。私はこれを作成しますgulpfile.js

gulp を実行すると、うなり声に 2 つの通知が表示され、ブラウザ同期でページが 2 回リロードされます。多分私は何か間違ったことをしますか?

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

angularjs - modrewrite を使用した Browsersync は、特殊文字を含むクエリでは機能しません

Angular アプリケーションを開発していますが、ドットなどの特殊文字を含む URL を含むページを更新する際に問題が発生しています。

modRewrite モジュールで browsersync を使用します。以下は私のスクリプトです:

この設定で、「localhost:7000/blocker?email=test@gmail.com」という URL でページを更新すると、「/blocker?email=test@bespoke.is を取得できません」というメッセージが表示されます。

modRewrite スクリプトを構成することでこの問題を解決できると思いますが、これまでに試したすべてのスクリプトで問題が解決されませんでした。

誰かがここで私を助けることができれば、それは素晴らしいことです. ありがとう!