[WordPress]wp_localize_scriptで変数が渡せない

Question

WordPressにおいて、
wp_localize_scriptでjsに変数を渡そうとしているのですが、
ブラウザのコンソールで、

Uncaught ReferenceError: hoge is not defined

と、定義されてないというエラーが出てしまいます。
どこが間違ってそうでしょうか？

■functions.phpの記載：

function my_enqueue_scripts() {
  wp_enqueue_script('mytheme-script', get_template_directory_uri() . '/js/xxx.js', array( 'jquery' ), false, true);
  $myValue = array('yyy' => 'test');
  wp_localize_script( 'mytheme-script', 'hoge', $myValue );
}
add_action( 'wp_enqueue_scripts', 'mytheme_scripts' );

■xxx.jsファイルの記述

console.log(hoge.yyy)

Answer 1

まず、

function my_enqueue_scripts() {

と

add_action( 'wp_enqueue_scripts', 'mytheme_scripts' );

で、my_enqueue_scripts と mytheme_scripts で、ファンクション名が一致していないのは、転記ミスですか？

---

wp_localize_script での出力は、Webブラウザでソースを確認すると 指定した名前のオブジェクトとして、/js/xxx.js を読み込む前付近に

<script type='text/javascript'>
/* <![CDATA[ */
var hoge = {"yyy":"test"};
/* ]]> */
</script>

のような感じで出力されていると思いますが、出力されているでしょうか。

出力されていない場合は、お使いのテーマは、 wp_head() や wp_footer() を使用しているテーマか確認してください。
また、PHP や Web サーバのエラーログを確認してなにかメッセージが出ていないか確認してみてください。