問題タブ [gulp-browser-sync]

gulpfile.js でいくつかの異なることを試して、Gulp のBrowserSync (LiveReload ではない) でHTML の自動リロードが機能するようにしましたが、どれも機能しませんでした。この最後の試行でうまくいくと思いましたが、うまくいきません。私は何が欠けていますか？

ここに私のgulpfile.js全体があります：

最近 gulp を使い始めてワークフローがうまくいきましたが、新しいプロジェクトに gulpfile を追加するとgulp、元のプロジェクト ディレクトリから実行するたびに最新のプロジェクトが提供され、自分が何をしたかわかりません。

これは、私の gulpfile の関連コンテンツである必要があります。

proxyオプションを次のように変更するproxy: '127.0.0.1:4000と、プロセスは完了せず、停止します。

何かが間違っているかどうかはわかりませんが、文字通り唯一の変更は、別のポートを選択しようとすることです。構成内のポートが使用されている場合、タスクは使用可能なポートを自動的に選択すると思っていましたが、複数のプロジェクトで gulp を使用する方法がわかりません。

ポート 8000 の vhost 設定や、ホスト ファイルに干渉する可能性のあるものがないため、競合が発生することはありません。

BrowsersyncのドキュメントによるとProxy an EXISTING vhost. Browsersync will wrap your vhost with a proxy URL to view your site.、既存の設定がどちらのプロジェクトでも機能した理由がわかりません。

アップデート

gulp-connect-php docsをもう一度見て、これを試してみましたが、うまくいくようです：

しかし、可能であれば、ポートのハードコーディングを避けたいと思っています。

sass のいずれかを変更すると、単に注入するのではなく、ページを注入してリロードするようになりました。

gulp concat と browsersync を使用しています。gulp を実行すると、browserync が起動し、モジュール内にあるすべての js ファイルを連結してリロードします。問題は、js ファイルの連結が 1 回しか行われないことです。そのため、gulp の実行を停止して再度実行し、js ファイルに反映された変更を確認する必要があります。gulp も停止して再起動した後にのみ、gulp 通知タスクが表示されます。常に js をバンドルしてコンパイルし、browersync を実行するように gulp をセットアップするにはどうすればよいですか?

ここに私のgulpfileがあります

Yeoman のボイラープレート コード ( generator-gulp-angular )を使用して Angular プロジェクトを作成しました。

そして今、コントローラーで次のようなhttpリクエストを作成しようとしています:

しかし、私はこのエラーを受け取り続けます:

Cross-Origin Request Blocked: The Same Origin Policy disallows the remote resource at http://food2fork ... (理由: CORS ヘッダー 'Access-Control-Allow-Origin' がありません)

調査を行ったところ、ミドルウェア プロパティを使用してこのアクセス コントロールをサーバーに追加する必要があることがわかりましたが、それでもエラーが発生し続けserver.jsます 。

しかし、それでもエラーは解決しません。

Browsersync (バージョン 2.12.5) を gulp-nodemon/watching ファイルで動作させようとしています。これらは私の一気飲みのタスクです。ブラウザを更新/再ロードするためのファイルを取得できないようです。

nodemon で Browsersync を使用するための推奨される方法は何ですか?

次の問題があり、gulpfile の何が問題なのかわかりません。すべてが正常に機能しており、sass ファイルがコンパイルされ、何かを変更するとブラウザーが更新されます。しかし、新しい部分ファイルを追加して _base.scss にインポートすると、browsersync はその部分の変更のみを認識し、sass ファイル全体をコンパイルしてブラウザーをリロードしません。この問題を解決する方法を知っている人はいますか？私は良い解決策を見つけることができませんでした。ありがとう！

ここに私のgulpfile.jsがあります

私は基本的にBrowsersync Webサイトからコピーして貼り付けた、gulpで最も単純な仕事をしています。ただし、保存時にページが更新されず、Chrome コンソールに次のエラーが表示されます。

(カウントは常に増加します...) Browsersync でこのエラーに関するものはどこにも見つかりませんでした。クロムに Allow-Control-Allow-Origin プラグインを使用するか、セキュリティ設定なしで Chrome を起動しようとしましたが、エラーは残りました。Windows 10、ノード - 5.5.0、および npm 3.8.8 を使用しています。

特定のファイル変更でいくつかのタスクを実行して、gulp で browsersync を使用しています。ファイルを保存するたびに[BS] Reloading Browsers...、端末に 10 以上が表示され、パフォーマンスが当然遅くなります。

これが私のgulpfileです：

ここで何が間違っていますか？