問題タブ [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.
javascript - ブラウザ同期 Rhino 環境。- 使用事例
1) Rhino Environment内で実行されているブラウザ同期サーバー側コードに関して質問があります。
私が働いているクライアントは、ブラウザ同期コードを、gulp を使用して実行される npm パッケージ コードとして提供しています。
2) もう 1 つ質問があります。このアプリのユーザーが開発中の同じ Web サイト/アプリの複数のタブを開き、競合するフォームの変更を作成することを防ぐためのツールとして、ブラウザーの同期を使用できるかどうかです。ブラウザーの同期は常に表示されるためです。同じブラウザのすべてのタブで同じページ/状態。それとも、ブラウザ同期を使用して同じことを実装するのはやり過ぎですか?
node.js - BrowserSync が取得できない /
次のコマンドを使用して、NodeJS と BrowserSync のみをインストールしました。
このコマンドを使用してサーバーを起動した後:
そして、次のエラーが表示されます: 取得できません /
Laravel プロジェクトで BrowserSync を使用したいので、混乱しています。
BrowserSync はどこにインストールすればよいですか?
ありがとう。
javascript - ブラウザ同期がmoodleテーマで機能しない理由
私は、moodle テーマでブラウザ同期を使用しようとしていますが、moodle テーマの機能を使用することに成功していません。
私がやろうとしているのは、css ファイルを見て色を変更することです。そのため、moodle ルート ディレクトリから以下のコマンドを実行しました。
Moodle のホームページがブラウザで開かれ、'browser-sync' が接続されていることが示されます。これでクリーンテーマのcustom.cssでボディの色を変更しました。
コマンドプロンプトはcustom.css
ファイルが変更されたことを示していますが、ページを更新しないと新しい色がmoodleページに適用されません. 下の画像は、css ファイルの変更を示しています。
私が間違っていることは何ですか?ムードルテーマにブラウズ同期を使用することは可能ですか?
browser-sync は、単純な php ページで正常に動作しています。
gulp - 静的ファイルではなくAPIのみを提供するノードアプリと組み合わせて、開発Webサーバーとしてbrowsersyncを使用する
現在、次の構成でgulp Webサーバーを使用しています。
そのため、/api で始まる静的ファイルとプロキシ リクエストを別のポートの nodeJs アプリに提供します。Browser-sync でも同じことをしたいのですが (livereload を使用する代わりに、gulp Web サーバーを取り除きたいのです)、これを構成する方法がわかりません。ご指導ありがとうございました。
css - プロキシを介してライブWordpressページにcssを挿入するBrowserSync
BrowserSync & sass を使用して、Wordpress サイトから style.css を編集しようとしています。ページに変更を挿入して、自動的にリロードしたいと思います。
これまでのところ、gulpfile.js コードの多くのバリエーションを試しましたが成功しませんでした。scss ファイルは style.css にコンパイルされますが (ok)、ページには変更が反映されません。
これが私のコードです:
とりあえず、気まずい Chrome ワークスペース オーバーライドを使用することにしましたが、ワークフローは思ったほどスムーズではありませんでした。
前もって感謝します
drupal-7 - drupal 7 テーマ + gulp + sass + browserSync css インジェクションなし
browserSync.reload({stream:true}) を入手して、ワードプレスのテーマに css を挿入できます。Drupal 7 テーマで同じ gulpfile.js を試すと、ハード リセットは動作しますが、browserSync.reload() は機能しますが、css インジェクションは何もしません、browserSync.reload({stream:true})。
何か案は?トラブルシューティング方法に関する提案はありますか? 前もって感謝します!
このワークフローを drupal 7 に移行したときにセグメンテーション違反の問題が発生しましたが、この投稿で解決できました。 https://drupal.stackexchange.com/questions/126880/how-do-i-prevent-drupal-raising-a-segmentation-fault-when-using-a-node-js-themin
laravel - ブラウザの同期と接続
ブラウザの同期と localhost:8000 に問題があります。フォームリクエストを送信しようとすると、TokenMismatchException
. どうすればこれを解決できますか?
これは私の一気の仕事です:
apache - gulp + browsersync を apache vhost で動作させるにはどうすればよいですか?
ツールキットに gulp、sass、browsersync を追加したいと考えています。私は今、sass と browsersync タスクを設定して gulp を実行しています。
ローカル Apache サーバーの vhost から実行されている php アプリをスキニングしています。
browsersync のプロキシ オプションを使用して vhost を使用し、watch タスクから browsersync を実行しようとしています。
現在、ウォッチを実行すると、ポート 3000 でサーバーが見つかりません。「localhost:3000」に移動すると、クロムの「Web ページが見つかりません」というメッセージが表示されます。
ポート 3001 に移動すると、browsersync の管理 UI にアクセスできます。だから私はbrowsersyncが実行されていることを知っています。
私のgulp confは次のとおりです