WPのブロックエディタでTypeError: Cannot read property ‘firstChild’ of nullのエラー:メモ

特に解決できたわけでもないですが個人的なメモ的に。

前提

  • WPのブロックエディタでカラムやグループブロックを入れる
  • 文章や見出しなどのブロックを複数選択した状態で、カラムやグループブロックのブロック追加ボタンにドラッグするとエラーが出る

エラーの内容

エラーは編集画面とコンソールで違いがあります。

編集画面

エラー表示
エラー表示

上記画像のように、「エディターで予期しないエラーが発生しました。」と表示され以下の選択肢が表示されます。

  • 復旧を試みる
  • 投稿内容をコピー
  • エラー文をコピー

コピーの選択肢は動作しますが、「復旧を試みる」は押すとエラー表示が消えるだけでしばらく待っても復旧はしませんでした。

コンソール


TypeError: Cannot read property 'firstChild' of null
at pp (https://example.com/wp-includes/js/dist/block-editor.min.js?ver=390a9f83b606a55e8b523c4d16bdb08c:12:393446)
at https://example.com/wp-includes/js/dist/block-editor.min.js?ver=390a9f83b606a55e8b523c4d16bdb08c:12:394426
at Bh (https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:126:456)
at Dj (https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:162:476)
at unstable_runWithPriority (https://example.com/wp-includes/js/dist/vendor/react.min.js?ver=16.13.1:25:260)
at Da (https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:60:280)
at xb (https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:162:231)
at Te (https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:146:79)
at https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:61:68
at unstable_runWithPriority (https://example.com/wp-includes/js/dist/vendor/react.min.js?ver=16.13.1:25:260)

上記はコンソールに表示されますが、前項の「エラー文をコピー」で同じ内容が取得できます。

結び

自作のラッパー用ブロックでこのエラーがでて悩みましたが、コアのブロックでも同様にエラーが再現できたので、おそらくブロック追加ボタンのButtonBlockAppenderかそれを入れ込むあたりに問題があるのではと思います。

この場合、対象箇所はコアになると思われるため手が出せず(出せてもやるべきではない)現状放置するしかないかもしれません。
Shiftで複数のブロックを選択してドラッグさせることができるのは便利なのですが。

0人がこの記事を評価

役に立ったよという方は上の「記事を評価する」ボタンをクリックしてもらえると嬉しいです。

連投防止のためにCookie使用。SNSへの投稿など他サービスとの連動は一切ありません。

コメント欄