1

プラグイン Browser-sync をインストールしました。コマンドラインで貼り付けgulp browser-sync、Firefox でアドレスに「Cannot GET /」と表示されるhttp://localhost:3000/

gulpfile.jsには次のものがあります。

var gulp = require('gulp'),
    browserSync = require('browser-sync');

gulp.task('browser-sync', function () {
 var files = [
  'app/**/*.html',
 ];

 browserSync.init(files, {
  server: {
     baseDir: './app'
  }
 });
});

フォルダアプリは Node.js のルートに配置されます。LAMPもWAMPも使えないので使っていません。問題を解決するための他の方法はありますか？（ソースコードを変更した後、ブラウザーでページをリロードします）。

ありがとう

4

1 に答える 1

2

これは、表示したい明示的なファイルを指定しない場合に、追加の構成を行わないと、ブラウザの同期が何をすべきかがわからないためだと思います。通常、Web サーバーは、ディレクトリが指定されている場合、デフォルトで index.html を表示します。

これが当てはまるかどうかを確認するにはhttp://localhost:3000/index.html、「app」ディレクトリの直下に index.html があると仮定して (たとえば、app/index.html が存在する)、に移動します。

これを「修正」するには、次のパラメータのいずれかをサーバー構成に追加します。

  1. index: "index.html"(index.htmlを表示)
  2. directory: true(ディレクトリ一覧を表示)

その他の構成オプションについては、http://www.browsersync.io/docs/options/を参照してください。

さらに、最初のパラメーターはおそらく不要です。以下を試すことをお勧めします

var gulp = require('gulp'),
    browserSync = require('browser-sync');

gulp.task('browser-sync', function () {
 browserSync.init(null, {
  server: {
     baseDir: 'app',
     directory: true // or index: "index.html"
  }
 });
});

どうやらブラウザ同期の新しいバージョンでは、単純に初期化できるようです。 http://www.browsersync.io/docs/gulp/browserSync({ /* options */});を参照してください。

于 2014-12-30T14:45:59.290 に答える