gulpでbrowsersyncしたら「cannot GET」
新しくファイル構築をしている最中、gulpのブラウザーシンクでローカルサーバーを起動したらページが真っ白になって「cannot GET /」だけ表示される時がありました。
今までgulpfile.jsと同じ階層にindex.htmlを置いてブラウザーシンクしている構築だったのですが、distフォルダを追加してその直下にindex.htmlを移動したところ、見れなくなりました。
baseDirではなくstartPath
gulpfile.jsと同階層にindex.htmlがある場合は↓の書き方でOK
1 2 3 4 |
server: { baseDir: "app", } |
階層を変える場合は、startPathのオプションで変更する。
1 2 3 4 5 6 |
server: { baseDir: "app", }, //↓追加 startPath: './dist/index.html' |
browsersyncには他に「index」という紛らわしいオプションがありますが、これでは階層の指定ができないです。
コメント