ルクセリタス「このブロックでエラーが発生したためプレビューできません」を直す方法

Debug

WordPressのバージョンを更新した後に記事を書いていこうと思ったらGutenberg(グーテンベルグ)のエディタで下記のように「このブロックでエラーが発生したためプレビューできません」と出て全く作業ができない状態になってしまいました。

私は「ルクセリタス」と言うテーマを使っているのですが、ネットで同じ事例が無いかを探してみても全く見受けられなかったので、私がここで直し方をお伝えしようと思います。
また、ルクセリタス以外のテーマを使っている方にとっても同じようなカラクリで、今回のエラーが出ている可能性が大なので、参考にしてみて下さい。

「このブロックでエラーが発生したためプレビューできません」の解決方法

「このブロックでエラーが発生したためプレビューできません」とエラーが出る原因は恐らくエディタの機能をテーマやプラグインなどでカスタムしていて、その際に書かれているJSやPHPの互換性がWordPressのアップデート時に崩れてしまったからだと思われます。

下記の画像は私のWordPressのGutenberg(グーテンベルグ)の投稿画面です。デベロッパーツールのコンソールを見ると「luxe-block-toolbar.js」に何かしらのエラーが起きていることがわかります。

結論を言うとルクセリタスの場合【Luxeritas】→【管理機能】→【ブロックエディタの設定】→【Luxeritas固有機能】の【Luxeritas Block ToolbarをOFFにする】にチェックを入れれば一時的に直りました。(2020年8月頃)

これで分かったのは原因がこの部分だったってことだけです。これは根本的な問題ではありません。

WordPressのエディタのエラーは、WordPressのアップデート後にキャッシュデータを読み込んでしまい、以前のデータを表示しようと頑張ってしまい結果エラーになるという事が結構あります。

先程の設定を変更して保存をすれば、そのキャッシュデータも更新されるので直ったってことです。要するに、この設定を弄れば直るわけではなく、キャッシュが更新されれば直ります。今回の場合は、たまたまここに問題があっただけで、次は分かりません。

キャッシュの更新方法に関しては、以下の記事で詳しく解説しています。合わせてどうぞ。


以上が「ルクセリタス「このブロックでエラーが発生したためプレビューできません」を直す方法」でした。

他にもエックスサーバーのセキュリティ設定が原因だったり、古いプラグインが原因だったり、と色々とあると思います。
本当に困ったらWordPress.orgのサポートに連絡をとってみると良いかと思います。

2020/08/22追記
この記事で解決出来ない場合は、以下の記事の緊急対処法を覚えて、とりあえずは記事更新だけでも出来るようになりましょう。

2020年8月12日DebugError,Gutenberg,WP

Posted by KT