Browsersync でのリロード結果 Cannot GET /ページの表示
解決したいこと
gulpでbrowserSynを使ってリロードしたいのだが、Cannot GET /でHTMLページが表示されない。
おそらくルートディレクトリの指定が間違っているのではないか？
発生している問題・エラー
Cannot GET /
または、問題・エラーが起きている画像をここにドラッグアンドドロップ
該当するソースコード
// browser-syncのプラグインの読み込み
const browserSync = require("browser-sync");
// タスクの設定
gulp.task("browserSyncTask", function () {
browserSync({
server: {
baseDir: "./", // ルートとなるディレクトリを指定
},
});
// srcフォルダ以下のファイルを監視
gulp.watch("src/**", function () {
browserSync.reload(); // ファイルに変更があれば同期しているブラウザをリロード
});
});
例）
PS C:\Users\miyakotamura\OneDrive\デスクトップ\test\test1> npm run start
> test1@1.0.0 start
> gulp browserSyncTask
[06:35:15] Using gulpfile ~\OneDrive\デスクトップ\test\test1\gulpfile.js
[06:35:15] Starting 'browserSyncTask'...
[Browsersync] Access URLs:
-------------------------------------
Local: http://localhost:3000
External: http://192.168.11.5:3000
-------------------------------------
UI: http://localhost:3001
UI External: http://localhost:3001
-------------------------------------
[Browsersync] Serving files from: ./
自分で試したこと
ルートディレクトリを設定し直す。
0