【WordPress】functions.phpでwp_enqueue_scriptを使ってもjsが読み込めない原因について

Question

functions.phpでjavascriptファイルをを読み込みたいのですが、読み込めず原因がわかりません。

下記情報です。

• WPテーマ：Stinger8
• 編集ファイル：子テーマのfunctions.php
• アップロード：filezilla
• テストサイト：local by flywheel（js読み込みうまくいく）
• 本番サイト：MAMP（js読み込みうまくいかない）

##jsコードの読み込み

// wp_head
function add_wp_meta_tag() {
  echo '<script type="text/javascript" language="javascript">
  var vc_pid = "hoge";
</script><script type="text/javascript" src="任意のファイル" async></script>';
}
add_action('wp_head', 'add_wp_meta_tag');


// wp_enqueue_scripts
function my_scripts_method() {
  wp_enqueue_script(
    'slick.min',
    get_stylesheet_directory_uri().'/js/slick/slick.min.js',
    array('jquery'),
    '1.8.1', true
  );
}
add_action( 'wp_enqueue_scripts', 'my_scripts_method' );

##悩んでいる点
テストサイトのlocal by flywheelだと上記コードすべて出力されます。

MAMPで管理している本番サイトだとwp_headの方しか出力されません。
my_scripts_methodを使ってjavascriptファイルを読み込むにはどうしたらいいのでしょうか。

特にエラーなど出ているわけではないのでどこを確認したらいいのかわからず困っています。

何かアドバイスいただけると助かります。

##進展
slick.min.jsのパスに間違いはありませんでした。

不思議なことに、下記のようにhoge.jsなど存在しないファイルだと出力されました。

hoge.jsをslick.min.jsに戻すと、逃げるように出力されなくなってしまいます。

function my_scripts_method() {
  wp_enqueue_script(
    'slick.min',
    get_stylesheet_directory_uri().'/js/slick/slick.min.js',
    array('jquery'),
    '1.8.1', true
  );
}

↓↓↓↓

function my_scripts_method() {
  wp_enqueue_script(
    'slick.min',
    get_stylesheet_directory_uri().'/js/slick/hoge.js',
    array('jquery'),
    '1.8.1', true
  );
}

このような場合どこを探ればいいのでしょうか、？

##エラー
3つのエラーログがありました。

apache_error.log
mysql_error_log.err
php_error.log

日本語翻訳にしたものが下記です。

//apache_error.log
[2020年4月20日10:47:46] [通知] SIGTERMをキャッチしてシャットダウンしました
[2020年4月24日金曜日16:43:53] [通知]ダイジェスト：ダイジェスト認証のシークレットを生成しています...
[2020年4月24日金曜日16:43:53] [通知]ダイジェスト：完了
[2020年4月24日金曜日16:43:53] [通知] FastCGI：プロセスマネージャが初期化されました（pid 22253）
[2020年4月24日金曜日16:43:53] [通知] Apache / 2.2.34（Unix）mod_wsgi / 3.5 Python / 2.7.13 PHP / 7.4.2 mod_ssl / 2.2.34 OpenSSL / 1.0.2o DAV / 2 mod_fastcgi / mod_fastcgi-SNAP-0910052141 mod_perl / 2.0.11 Perl / v5.24.0が設定されました-通常の操作を再開します

//mysql_error_log.err
2020-04-24T07：43：40.504346Z 0 [エラー] InnoDB：データベースが破損しているか、InnoDBテーブルスペースをコピーしたが、InnoDBログファイルはコピーしていない可能性があります。強制復旧の詳細については、http：//dev.mysql.com/doc/refman/5.7/en/forcing-innodb-recovery.htmlを参照してください。
2020-04-24T07：43：40.504406Z 0 [エラー] InnoDB：ページ[ページID：スペース= 14、ページ番号= 10]ログシーケンス番号13153705は将来のバージョンです！現在のシステムログシーケンス番号3967669。
2020-04-24T07：43：40.504417Z 0 [エラー] InnoDB：データベースが破損しているか、InnoDBテーブルスペースをコピーしたが、InnoDBログファイルはコピーしていない可能性があります。強制復旧の詳細については、http：//dev.mysql.com/doc/refman/5.7/en/forcing-innodb-recovery.htmlを参照してください。
2020-04-24T07：43：40.507945Z 0 [警告] InnoDB：テーブルmysql / innodb_table_statsの列名table_nameの長さが一致しません。 mysql_upgradeを実行してください
2020-04-24T07：43：40.508012Z 0 [警告] InnoDB：テーブルmysql / innodb_index_statsの列名table_nameの長さが一致しません。 mysql_upを実行してください

//php_error.log
[18-Apr-2020 01:59:49 UTC] WordPress データベースエラー: Unknown column 'wp_' in 'field list' for query SELECT wp_

Comments

[CHERRY]

まずは、MAMP の Webサーバ を確認してみてください。

なにかメッセージは出ていないでしょうか？

macOS 版の MAMP であれば、 /Applications/MAMP/logs/ あたりにログがあると思います。

[roronoazoro]

ありがとうございます。
/Applications/MAMP/logs/配下に３つのファイルがありました。
本文に追加しました。

こちら関係あるものかわかりますでしょうか。

[CHERRY]

スクリプトが読み込まれないのと直接関係はないと思いますが、MySQL でエラーが出ているので、記載されている内容に従って修復してみてください。

[roronoazoro]

わかりました。ありがとうございます。

Answer 1

slickの読み込みをcdnに変更したところ一旦解決しました。

wp_enqueue_style( 'slick', '//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.css', array());

hoge.jsをslick.min.jsに戻すと、逃げるように出力されなくなってしまいます。
というところはhoge.jsから119d1.jsにファイル名が変更され読み込まれていたようでした。

Answer 2

wp_enqueue_styleでもwp_enqueue_scriptでも、読み込めないときの原因が第3引数の依存スクリプトがない場合が多いです。こちらを確認してみてはいかがでしょうか。

Comments

[roronoazoro]

ご回答ありがとうございいます。
初期値のarray()で試してみても読み込まれませんでした、