Shopifyでブロック選択時にエラーが出る場合の対処法

ある程度原因と対処法がわかったのでメモとして。
PHPやJSのようにエラー箇所が表示されないので特定に時間がかかりました。

発生した問題

• richtextタイプでブロックを登録する
• テーマエディタで該当のブロックをクリックするとエラーがでる

エラーの詳細

このページの読み込み中に問題が発生しました

Shopifyで技術的な問題が発生したので、このページを読み込むことができません。このページを再読み込みするか、Shopifyの他のページに移動してみてください。それでも問題が解決しない場合は、更新のためにステータスページ
(新しいウィンドウを開く)
を確認してから、もう一度お試しください。

原因

• richtextのdefaultに入力したHTMLタグに記述ミスがあった

{
  "type": "richtext",
  "id": "richtext",
  "default": "<p>Default contens.<?p>",
  "label": "リッチテキスト"
}

<?p>の部分が該当します。

なお、ブロックではなくセクションの方に設定した場合はエラーがでません。

対応策

• HTMLタグの記述を正常な状態に書き直す

初期値で保存された場合には上記ではエラーが改善されないため、その場合は以下のような作業を行います。

1. richtextからtextに変更する
2. テーマエディタ入力欄にHTMLごと表示されるので、正常な状態に書き換えて保存する
3. textからrichtextに戻す

結び

表示されたエラーはキャッシュが原因の場合が多い印象なので、当初はブラウザの履歴やキャッシュの削除を行いましたが効果がなく。

いろいろ試して原因を突き止めましたが、HTMLの記述ミスでこのエラーがでるとは想定していませんでした。