WordPress 6.7でエディターが真っ白になる問題の解決方法

WordPress 6.7にアップデートした後、新しい投稿を作成したり、既存の投稿を編集しようとすると、エディター画面が真っ白になってしまうことがあります。特にChromeブラウザでこの現象が報告されています。この記事では、この問題の原因と解決策について、優しくご説明いたします。

問題の概要

WordPress 6.7へのアップデート後、以下のような症状が発生することがあります。

• エディター画面が真っ白になる：新規投稿や既存の投稿を編集しようとすると、エディターが何も表示しなくなる。
• 特定のブラウザでの発生：主にChromeブラウザでこの問題が確認されています。他のブラウザやChromeのシークレットモードでは正常に表示される場合もあります。

この問題は、同じテーマやプラグインを使用していても、サイトによって発生する場合としない場合があり、一貫性がありません。

原因の詳細

Chromeの開発者ツールのコンソールを確認すると、以下のエラーメッセージが表示されることがあります。

Uncaught TypeError: Cannot read properties of undefined (reading 'unstable_scheduleCallback')
Uncaught TypeError: (0 , l.createRoot) is not a function

これらのエラーは、WordPressの内部で使用されているreact-dom.min.jsやedit-post.min.jsといったJavaScriptファイルに関連しています。これらのファイルが圧縮（縮小）されているため、エラーが発生している可能性があります。

解決策

この問題を一時的に回避するために、以下の方法を試してみてください。

1. デバッグモードの有効化

WordPressにはデバッグモードがあり、これを有効にすることで、未圧縮の開発バージョンのスクリプトを読み込むことができます。手順は以下の通りです。

1. wp-config.phpファイルの編集：
   • WordPressのルートディレクトリにあるwp-config.phpファイルを開きます。
   • 以下の行を追加または編集します。define( 'SCRIPT_DEBUG', true );
   これにより、スクリプトのデバッグモードが有効になり、未圧縮版のreact-dom.jsやedit-post.jsが読み込まれるようになります。
2. サイトの確認：
   • 変更を保存し、サイトのエディター画面が正常に表示されるか確認します。

注意点：デバッグモードを有効にすると、バックエンド（ブロックエディター）だけでなく、フロントエンドでも未圧縮のスクリプトやCSSが使用されるため、サイトのパフォーマンスに影響を及ぼす可能性があります。

2. ブラウザのキャッシュクリア

ブラウザのキャッシュが原因で問題が継続する場合があります。以下の手順でキャッシュをクリアしてみてください。

• Chromeブラウザの場合：
  • 画面右上のメニュー（縦に点が3つ並んでいるアイコン）をクリックします。
  • 「設定」を選択し、「プライバシーとセキュリティ」から「閲覧履歴データの削除」をクリックします。
  • 「キャッシュされた画像とファイル」にチェックを入れ、「データを削除」をクリックします。

キャッシュをクリアした後、エディター画面が正常に表示されるか確認してください。

根本的な解決策

上記の方法は一時的な回避策であり、根本的な解決策としては、WordPressの次回のアップデートでの修正を待つ必要があります。開発チームはこの問題を認識しており、修正に取り組んでいると報告されています。

まとめ

WordPress 6.7でエディターが真っ白になる問題は、特にChromeブラウザで発生しています。デバッグモードの有効化やブラウザのキャッシュクリアなどの方法で一時的に回避できますが、根本的な解決には次回のアップデートを待つ必要があります。最新情報をチェックしながら、適切に対応していきましょう。

参考URL：WordPress 6.7でエディターが真っ白になる場合の対処法