問題タブ [browser-sync]

最近、Grunt.js から Gulp.js に切り替えました。これは、複数の人が Grunt.js がどれだけ優れていて高速であるかを教えてくれたためです (本当です!)。複数のデバイスで簡単にテストできるように、Gulpfile.js にBrowserSyncを追加しました。それはうまく機能し、セットアップも簡単でした。コンテキストとして、私は作業時間の 95% で WordPress サイトを開発し、それらをマルチサイトを有効にした Apache 仮想ホストで実行し、クライアントごとに多数のローカル サブドメインを設定しています (例: site1.domain.dev、site2)。 .domain.dev など。これは非常にうまく機能し、私はこの方法で数年間それを行ってきました。ただし、BrowserSync は私のサイトへのプロキシを作成して CSS を同期および挿入できるようにする必要があるため、現在 BrowserSync を介して実行されているサイトは次の場所にルーティングされます。http://localhost:3000. これは問題なく、なぜそれが必要なのかは理解できますが、WordPress を少し混乱させます (URL が同じではないなど)。さらに、私は TypeKit/Cloud フォントの大規模なユーザーです。つまり、サイトがローカルホストにルーティングされるため、フォントは読み込まれません。もちろん、http://localhost:3000TypeKit の各サイトのドメインのリストに追加することもできますが、これはちょっとした回避策のように感じられ、それを行うためのより良い方法があるかどうか疑問に思っていました.

Gulpfile.js の BrowserSync 部分に追加しました。

だから私の質問は、BrowserSync が私の URL ( http://site1.domain.dev ) にルーティングする代わりにhttp://localhost:3000直接アクセスすることは可能でしょうか? 追加のボーナスとして、自動化スクリプトを使用して WP Multisite インストールで新しいサイトをセットアップし、gulpfile を編集する必要があまりないため、BrowserSync プロキシ プロパティからドメインを削除できれば素晴らしいと思います。新しいサイトを立ち上げるたびに

助けてくれてありがとう！:)

最初に、現在の .dev サイトをプロキシするように BrowserSync をセットアップしようとしました。
次の問題がありました。

• ページの読み込みは本当に遅かったです。

• Firefox では (ただし Safari ではそうではありません)、リンクをクリックすると、リンクをたどるのではなく、現在のページがリロードされます。

次に、スニペットを手動で埋め込むように変更しました。理想的ではありませんが、速度の問題は解決されました。興味深いことに、ナビゲーションのブロックの問題も部分的に解決されたようです。

現在、約半分の時間しかブロックされていません。ページの読み込みに 0.5 秒もかからない場合は問題ないように思えますが、それ以上かかる場合は、BrowserSync がページを停止して現在のページをリロードします。
（これは、プロキシページをロードするのに常に約20秒かかるため、プロキシを無効にすると部分的に修正された理由を説明しています。）

私は通常の Firefox 34 と、ほとんど拡張機能がインストールされていない Firefox Dev Edition 36 のかなりクリーンなインストールでこれを試しました。(問題の原因となっている場合に備えて、LiveReload 拡張機能を無効にしました。そうではありませんでした。)
前述したように、同じマシンの Safari では正常に動作します...これは奇妙に思えます。

私はgulp経由でBrowserSyncを実行しています。

gulpfile.js (明確にするために一部の無関係な部分を省略しています):

変更を加えてブラウザをリロードする次のコードがあります。

ここで、html.js を介して browserSync をトリガーしています。

何らかの理由で、html.js は動作しているように見えますが (fileinclude、名前の変更などは行われています)、browserSync は動作しません。エラー メッセージは表示されませんが、ブラウザが自動的にリロードされません。何か案は？

ありがとう！

ルートの index.html ファイルを除くすべてのファイルに BrowserSync スクリプトが挿入されているようです (したがって、必要に応じてすべてのページをリロードします) 。

/index.html を編集して保存するたびに、CLI は期待どおりの結果を出力します。

…しかし、そのルートの index.html ファイルが読み込まれたブラウザは何もしません。

ただし、ブラウザーで別の html ファイルに移動すると、BS スクリプトが挿入されていることがわかります。その後、そのファイルのコードを調整すると、自動更新が行われます。

ルートの index.html ファイルに BS スクリプトが挿入されない理由について何か考えはありますか?

私のGulpファイル：

BrowserSyncを使用して自分のプロジェクトの監視タスクを作成しましたが、理解できない障害に遭遇しました。このタスクはそれほどクレイジーではありません。ファイルを監視し、ブラウザをリロードし、必要に応じて sass または js(browserify) をコンパイルします。

問題は、jsファイルを保存すると(たとえばapp.js)、ブラウザが更新され、jsがコンパイルされてbundle.jsファイルが作成され、ブラウザの更新もトリガーされることです。だから私は常に少なくとも2回リフレッシュしています。場合によっては、10 ～ 15 回のリフレッシュのループに当たることもあります。

私にとって完璧なのは、自動更新を無効にして自分でトリガーできることです。これにより、ロジックをコンパイルしたままにし、プロセスが終了した後にブラウザーの更新をトリガーできます。

BrowserSync には更新をトリガーする方法がありますが、デフォルトの更新が行われないようにするにはどうすればよいですか?

以下にJSが含まれていますが、watchifyなどのモジュールをこれ以上含めたくないことにも注意してください。

私は不平を言うのが初めてで、BrowserSync で壁にぶつかっています。グローバルにインストールするか、特定のフォルダーにインストールしようとするか

または

同じエラーが発生します: node_modules フォルダーを削除して再度実行npm ERR! cb<> never called!しようとしましたが、何も役に立たないようです。npm cache clearnpm install

Watch、Compass、および Uglify はすべて機能しています。browserSync を正常にインストールできません。

これは、入力したばかりのコマンドと結果のコピー/貼り付けです。

お知らせ下さい。

以下の sskips の提案に従って、次のエラーが発生しました。