GulpでWordpress下層ページのリロードが実行されない

Question

前提

現在、gulpで自作htmlのWordpress化をしています。そのなかで、下層ページ（http://localhost/Portfolio/●●）の●●のページで変更を加えたとき（cssなどを変更）自動リロードできるようにgulpで実装したのですが、下層ページのみ自動リロードされません。フロントページは問題なくリロードされます。

実現したいこと

自動リロードできるようにしたい

発生している問題・エラーメッセージ

エラーメッセージは特に出ておりません。
[Browsersync] Reloading Browsers...　とターミナルにでているのでとくに問題なく動いているものと推測します。

該当のソースコード

// gulpfile.js

const localURL = 'http://localhost/Portfolio/';

// コンパイルもとのscssファイルの指定
const PathScss = './src/assets/sass/**/*.scss';

// scssをコンパイルしたcssファイルの格納先
const PathCssFolder = '../css';

// 監視対象のjsファイルを指定
const PathJS = './src/assets/js/**/*.js';

// .jsの圧縮ファイルである.minを格納するフォルダの指定
const PathminJS = '../js';

// 監視対象のimgフォルダの指定
const PathImage = './src/assets/img/**/*';

// imgファイルを格納するフォルダの指定
const PathImageFolder = '../img/';

// 監視対象のHTMLファイルの指定
const PathHTML = './src/**/*.html';

// 監視対象のPHPファイルの指定　※Wordpressなどの開発のみ使用
const PathPHP = '../**/*.php';

// --------------------------------------------------


// ガルプの読み込み
const gulp = require('gulp');
const sass = require('gulp-sass')(require('sass'));
const postcss  = require('gulp-postcss');
const autoprefixer  = require('autoprefixer');
const cssSorter  = require('css-declaration-sorter');
const mmq  = require('gulp-merge-media-queries');
const browserSync  = require('browser-sync');
const cleanCss = require('gulp-clean-css');
const uglify = require('gulp-uglify');
const rename = require('gulp-rename');
const htmlBeatutify = require('gulp-html-beautify')

// sassをcssにコンパイルする関数
function compileSass() {
	// srcの中のフォルダの中まで辿り、.scss拡張子をコンパイルできるような記述
	return gulp.src(PathScss)

	// コンパイルの処理を記述
	.pipe(sass())
	.pipe(postcss([autoprefixer(), cssSorter({
		order: 'concentric-css'
	})]))
	.pipe(mmq())

	// 出力先のフォルダ
	.pipe(gulp.dest(PathCssFolder))

	.pipe(cleanCss())
	.pipe(rename({
		suffix: '.min'
	}))

	.pipe(gulp.dest(PathCssFolder))
}

// この関数で、指定ファイルを監視できる
function watch() {
	// 監視対象ファイルに変更があればcompileSassを実行
	// gulp.series(compileSass, browserReload)は左から順に実行されていく
	// scssが更新されたら、コンパイルを実行⇒ブラウザを反映するためリロード
	gulp.watch(PathScss, gulp.series(compileSass, browserReload));

	gulp.watch(PathJS, gulp.series(minJS, browserReload));

	gulp.watch(PathImage, gulp.series(copyImage, browserReload));

	gulp.watch(PathHTML, gulp.series(formatHTML, browserReload));

	// .phpファイルが更新されたらリロード
	gulp.watch(PathPHP, browserReload);
}

// ブラウザを開く関数
function browserInit(done) {
	
	browserSync.init({


		// ローカルサイトの設定は以下
		proxy: localURL
	});

	done();
}

// これでリロード
function browserReload(done) {
	browserSync.reload();

	done();
}

// 圧縮したjsファイルを生成
function minJS() {
	return gulp.src(PathJS)
	.pipe(gulp.dest(PathminJS))
	.pipe(uglify())
	.pipe(rename({
		suffix: '.min'
	}))
	.pipe(gulp.dest(PathminJS))
}

// フォーマットが崩れていてもきれいに生成し直す関数
function formatHTML() {
	return gulp.src(PathHTML)

	// パラメータを複数入れられる
	.pipe(htmlBeatutify({
		indent_size: 2,
		indent_with_tabs: true,
	}))
	.pipe(gulp.dest('./public'))
}

// src/assets/img/にあるファイルをすべてpublic/assets/imgに入れる関数
function copyImage() {
	return gulp.src(PathImage)
	.pipe(gulp.dest(PathImageFolder))
}

// ターミナルで実行するための記述
// ターミナルでnpx gulp test で実行する
// exports.test = test;
exports.compileSass = compileSass;
exports.watch = watch;
exports.browserInit = browserInit;

// gulp.parallel(browserInit, watch)は同時に実行する
exports.dev = gulp.parallel(browserInit, watch);
exports.minJS = minJS;
exports.formatHTML = formatHTML;

exports.build = gulp.parallel(formatHTML, minJS, compileSass, copyImage);

試したこと

いろいろ検索してみたのですが、該当の記事を見つけることが来ませんでした。
そもそもgulp側の問題ではないのでしょうか？問題の切り分けも難しく、手詰まりの状態です。

補足情報（FW/ツールのバージョンなど）

Wordpress6.1.1
vsCode　1.74.3