Sage 9でリロード・更新が止まらずループする問題を解決【WordPress】

WordPressの著名スターターテーマSage 9において、ファイルを更新した際リロードが止まらず、延々とループする問題を解決。

結論としてはconfig.jsonの各パス・URLの設定に癖があり、以下のようにすることで解決する。

ローカルの開発環境で、ルートディレクトリがhttp://loclahost:8888とし、その直下にプロジェクト「test」のディレクトリを作成しWordPressをインストールしている場合で、開発環境のサイトにアクセスする時のURLが、 http://localhost:8888/test/ であると想定。

resources/assets/config.jsonのファイルの以下の部分を編集

"PublicPath": "/test/wp-content/themes/theme-name/",
"devUrl": "http://localhost:8888/test/",
"proxyUrl": "http://localhost:3000/test/",

同じことで悩んでる人はたくさんいて、Rootsのディスカッションページに複数の人が解決方法を投稿しておりどれが本当に解決に結びつくか分かりづらい。

一つ一つ試してやっと正常に動いた。。

参考:https://discourse.roots.io/t/loop-reloading-after-change-js-with-yarn-start-sage-9/9349/6