WordPress プラグイン「SU Blocks – Blogcard」で「このブロックでエラーが発生」原因は古いブラウザだった

WordPressのブロックエディタ（Gutenberg）で「このブロックでエラーが発生したためプレビューできません」と表示され、編集できなくなることがあります。

今回、内部リンク・外部リンクをブログカード形式で表示できるプラグイン「SU Blocks – Blogcard」で同様のエラーが発生しましたが、原因はプラグインやWordPress本体ではなく使用していたブラウザでした。

この記事では、実際の症状・試したこと・最終的な原因と対処法をまとめます。

発生した事象

Gutenberg（ブロックエディタ）で、プラグイン「SU Blocks – Blogcard」のブロック挿入時に、以下のエラーが表示され編集できなくなりました。

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

■ 症状

• URL入力や記事検索時にエラー表示
• 保存後は表示される
• 再編集しようとすると再びエラー

→ 実質的に編集不可の状態

▼正常な表示

試したこと（解決しなかった対処）

一般的な原因を疑い、以下を確認しました。

• プラグインの対応WordPressバージョン → 問題なし
• 必要なPHPバージョン → 問題なし
• プラグインのダウングレード（2.3.3 → 2.0.8） → 改善なし

なお、WordPress本体は最新状態で検証しています。

Consoleでエラー内容を確認

開発者ツールの「Console」を確認すると、以下のエラーが出ていました。

■ ポイント

• URL.canParse() は比較的新しいAPI
• 対応していない環境ではJavaScriptが停止する

原因は古いブラウザだった

検証時のブラウザは以下でした。
・Chrome 109 → エラー発生

別環境で確認
・Chrome 146 → 正常動作
→ ブラウザを変えると即解決

原因は、古いブラウザによるJavaScriptの互換性問題でした。

まとめ

「このブロックでエラーが発生したためプレビューできません」は、必ずしもプラグインやWordPressの問題とは限りません。

今回のように、

• プラグイン正常
• WordPress正常
• それでも編集できない

という場合は、ブラウザのバージョン確認も必ず行うのがおすすめです。