問題タブ [gulp-livereload]

ワークフローで gulp reload を使用したいのですが、うまくいきません。コマンド ラインで「gulp」コマンドを使用して起動すると、サーバーに接続されますが、ブラウザにアクセスすると、「Cannot GET /」というメッセージが表示されます。これは何ですか。また、この問題を解決するにはどうすればよいですか? 助けてください。

次の gulpfile.js があります。

これが私のプロジェクトの構造です：

公式のクイック スタートガイドを使用して Angular 2 で遊んでいます。

package.json ファイルの Dev Dependencies により、html ファイルを保存することでライブ リロードが可能になります。

また、Gulp と live reload scss to css を使用して、自分のものを装飾しています。

私が望むのは、Gulp の scss ライブ リロードを Angular 2 の html ライブ リロードにバインドすることです。つまり、変更を scss または html ファイルに保存するときに、これらの変更をライブ リロードで実行したいということです。

今のところ、scss と html の変更は、ターミナルで Gulp コマンドまたは npm start コマンドを実行することによってのみ個別に行うことができます。

私の gulpfile.js コード:

私のpackage.jsonコード:

angularでhtml5Modeを有効にした後、livereloadが機能しなくなった後、gulpでyeomanを使用しています。これは私の現在のgulp接続コードです。

html5Modeを有効にするには、次を使用します

ベースURLタグもあります。grunt に関する多くの情報を見つけましたが、gulp connect の解決策はありません。他の誰かがヒントを持っていることを願っています。

Live Reloadデバイス (Android) で有効にしたい、古いがゴールドの generator-gulp-angular に基づくアーキテクチャを持つ Ionic 1.3.1 プロジェクトがあります。

私のgulp設定パスは次のようになります：

これは、使用するブラウザーでプロジェクトをgulp serve実行し、使用する Android デバイスで実行することを意味しますgulp build && ionic run android。

ionic run android --livereload ここのドキュメントで説明されているようにコマンドを使用することはできません。これは、ソース ファイルではなく、縮小されたファイルがあるwwwフォルダーを同期するためです。gulp build

gulp serveしたがって、2つのコマンドを何らかの方法で混同したいと思いますionic run android --livereloadが、これを達成する方法がわかりません。

次の gulp セットアップを使用して、sass ドキュメントを 1 つの縮小された css ドキュメントにコンパイルし、js を縮小し、IDE (Atom) にドキュメントを保存するときにブラウザをライブリロードします。

sass ファイルの 1 つを編集すると、Chrome ブラウザーがローカルホスト (MAMP) ページを自動的に更新します。しかし、たとえば index.html ページを IDE に保存したり、ブラウザーでページを更新したりすると、Chrome はコンパイル済みの css ファイルの古いバージョンを使用し、現在の変更を表示しません。

何故ですか？そして、どうすればこれを修正できますか？