WordPressでブラウザキャッシュを気にせずJSファイルを最新のものにしたいです

Question

前提・実現したいこと

WordPressでwp_enqueue_scriptでJSファイルを読んでいます
いつでも最新のファイルを読むにはどうしたらいいでしょうか？

発生している問題

Chromeで開発しているのですが、ブラウザキャッシュが残っているせいで、F12の開発ツールを開いた状態でないと最新のものになりません

該当のソースコード

ファイル更新日時を取得できる関数filemtimeを見つけたのですが、次のようにしても効果なしでした

my_enqueue_scripts( ['main', 'sidebar'] );
function my_enqueue_scripts( $names ) {
	foreach ( $names as $name ) {
		$file = $name . '.js';
		$path = get_template_directory_uri() . '/js/' . $file;
		wp_enqueue_script (
			$file,
			$path,
			array(),
			filemtime( get_theme_file_path( $path ) )
		);
	}	
}

次のエラーメッセージが表示されます…
（このエラーメッセージが出ても、JSは正常に読み込めており動いています）

filemtime(): stat failed for https://example.com/wp-content/themes/test-theme/js/main.js
filemtime(): stat failed for https://example.com/wp-content/themes/test-theme/js/sidebar.js

試したこと

調べるといくつか出てきまして、
唯一効いたのが次のdateを付けた書き方です。
次のdateを付けた書き方も同様に効かずエラーでした。

my_enqueue_scripts( ['main', 'sidebar'] );
function my_enqueue_scripts( $names ) {
	foreach ( $names as $name ) {
		$file = $name . '.js';
		$path = get_template_directory_uri() . '/js/' . $file;
		wp_enqueue_script (
			$file,
			$path,
			array(),
			date( 'YmdHis', filemtime( $path ) ), 
		);
	}	
}

さらに試したこと

こちらのページ に掲載されている下記のコードをもうそのまんまfunctions.phpにコピペし、同じscript.jsを作ってサーバーにアップしましたが、エラーはないもののファイルの更新はされませんでした。

ちなみに開発ツールを開いた状態なら、最新のscript.jsで更新できましたので、パスはあっているはずです。

function add_files(){
    define("TEMPLATE_DIRE", get_template_directory_uri());
    define("TEMPLATE_PATH", get_template_directory());

    function wp_css($css_name, $file_path){
        wp_enqueue_style($css_name,TEMPLATE_DIRE.$file_path, array(), date('YmdGis', filemtime(TEMPLATE_PATH.$file_path)));
    }
    function wp_script($script_name, $file_path, $bool = true){
        wp_enqueue_script($script_name,TEMPLATE_DIRE.$file_path, array(), date('YmdGis', filemtime(TEMPLATE_PATH.$file_path)), $bool);
    }

    //以下のように使う
    wp_script('wemo_script','/js/script.js');
    wp_css('wemo_style','/style.css');
}
add_action('wp_enqueue_scripts', 'add_files',1);

さらにさらに試したこと

公式サイト にある以下のシンプルなコードを実行してもダメです。エラーはありませんが更新はされません。

ちなみに開発ツールを開いた状態なら、最新のtest.jsで更新できましたので、パスはあっているはずです。

add_action( 'wp_enqueue_scripts', 'child_add_scripts' );
function child_add_scripts() {
	wp_register_script(
		'test',
		get_stylesheet_directory_uri() . 'js/test.js',
		false,
		'1.0',
		true
	);
	wp_enqueue_script( 'test' );
}

で、出力されたHTMLの<script>タグのsrcを見てみると、上記child_add_scriptsで指定しているはずの'1.0'が抜けていました。

<script type="text/javascript" src="https://example.com/wp-content/themes/test-theme/js/test.js" id="test-js"></script>

どうやら こちらのStackExchange によれば、本来srcに付与されるはずのvarパラメータが削除されているものと考えられますが、この質問者が解決したプラグイン全停止では、私の場合は解決しませんでした。

ツールのバージョン

PHP v.8.0
WordPress v.5.9

Answer 1

解決しました。remove_query_argを書いていたせいで、<script>タグのsrcが削除されていたようでした。

Answer 2

動作としては、 wp_enqueue_script() の第４パラメータ(クエリストリングとしてファイルパスの最後に連結される、スクリプトのバージョン番号を指定する文字列)をあたえることで、解決しているということでよいのでしょうか。

---

エラーメッセージが出るという部分だけ...

filemtime(): stat failed for https://example.com/wp-content/themes/Simplicity2/js/main.js

は、filemtime( $path ) のパラメータに URL ではなく、get_template_directory をつかって filemtime( get_template_directory() . '/js/' . $file ) のようにファイルパスを与えたらどうなるでしょうか。

Comments

[hotaruika]

>動作としては、 （中略）をあたえることで、解決しているということでよいのでしょうか。
すみません！解決していると思ったのですが、していませんでした
「該当のソースコード」にあるコードも「試したこと」にあるコードも、いずれも更新はされず、同じエラーが出る、同じ結果のようでした

>ファイルパスを与えたらどうなるでしょうか。
その場合エラーはありませんが、やはり更新はされずキャッシュのJSが使われました

[hotaruika]

ちなみに、直打ちで '1.0'とバージョン指定してみましたが、出力されたHTMLの<script>タグのsrcを見てみると、パラメータがありませんでした。
何かが ?var=1.0 のパラメータを削除している模様ですが…見当がつきません。

このことは質問文の「さらにさらに試したこと」に記載しておきました