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

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追記
この記事で解決出来ない場合は、以下の記事の緊急対処法を覚えて、とりあえずは記事更新だけでも出来るようになりましょう。

Debug
この記事を共有する
KEITOをフォローする
スポンサーリンク
スポンサーリンク
KT LIFE

コメント

  1. spiduction66 より:

    まさにそれで悩んでいました。おかげ様で解決できました。
    プラグインの影響やJavaScript 連結の無効化という記事は多数あったのですが、
    ルクセリタスに関する部分だったとは...
    テーマそのもののアップデートも行います。
    ありがとうございます。

  2. KT より:

    解決できたのであれば良かったです。
    WordPressのアップデートはテーマを使っている場合はほぼ確実に今回のようなエラーが起きるので
    spiduction66さんの様に検索力のある方は生きていけますよ!!

  3. ナオキング より:

    ありがとうございます!
    同じ症状が出てとても困っていました。
    助かりました!

  4. KT より:

    よかったです!!

  5. るな より:

    WordPress 本体にに含まれる JS がブラウザにキャッシュされてしまってるのが原因なので、「Luxeritas Block ToolbarをOFFにする」というのは間違った対処法です。

    また、「Luxeritas をアップデートする」で直るのも、アップデートによってキャッシュが更新されてるだけなので、これも根本的な対処方法としては正しくはないです。

    記事の修正をお願い致します。以上、よろしくお願い致します。

  6. KT より:

    失礼いたしました。
    その通りですね。
    読み返したら「対処法」と思ってしまう文章だと感じました。

    修正しておきます。

  7. 札幌社長 より:

    何はともあれ現象を解消できました。ブログ記事ありがとうございます。

  8. KT より:

    古い記事ですが、、、よかったです!!

タイトルとURLをコピーしました