- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
既存の固定ページを更新しようとしたが、ブロックエディタの部分だけグレーで何も表示されません。
正確には正常に表示される固定ページとグレーになって何も表示されない固定ページがあります。
パターンが壊れていると思ったので、新規ページを作成して、既存パターンを貼り付けると、正しく貼り付けられる既存パターンと、正しく貼り付けられずにエラーが出るパターンがあります。
他の要因があるかもしれませんが、テーブルを使っているパターンはエラーとなり使っていないパターンはエラーとなっていません。
コピーエラーで内容を見ると、
TypeError: Cannot read properties of null (reading 'ResizeObserver')
at .../block-editor.min.js
このようなエラーとなっています。
ここからは推測となるのですが、パターンのエラー症状がでる条件に加えて、このエラー内容から推測すると、JavaScript側で、要素のサイズ監視を行う ResizeObserver が参照するウィンドウオブジェクトが null になっていることが原因だと思われます。
ご確認いただけましたら幸いです。
Advanced Custom Fields (v.6.8.1)
SEO SIMPLE PACK (v.3.7.0)
Site Kit by Google (v.1.179.0)
WP Sitemap Page (v.1.9.5)
WPvivid Backup Plugin (v.0.9.127)
XML Sitemap Generator for Google (v.4.1.23)
Yoast Duplicate Post (v.4.6)
全て無効にしても同様の不具合確認済み
2.7.9
この情報本当ですか?本当だとしたら相当古いテーマバージョンなので先ずはWP7.0に対応したバージョンを使うべきです。
SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。
調査・作業代行のご依頼窓口
https://zfrmz.com/SxGmv0gIH3YCa3VPxBGf
WordPress保守管理・セキュリティ対策
https://kanripress.ne.jp/wordpress-maintenance/
パターンの配置自体が問題ではなく何かしらのブロックが影響してそうですね。
テーブルが原因っぽいとのことですが、SWELLがデフォルトで入れてるテーブルのパターンを挿入してもエラーにはなりませんでした。
何か条件があると思うのですが、具体的にどんなブロックが入っているパターンか教えていただけますか?
SWELL開発者です。
自分の環境でも同様のエラーが発生するケースを発見したのですが、それはふきだしブロックの問題でした。(パターンにあるふきだしがふきだしセットを呼び出せていない問題が発生中のようです)
これは関係なさそうですかね?
SWELL開発者です。
確認していただいてありがとうございます。
固定ページで自作パターンを呼び出すとエラーになるのですが、そのパターンを複製して、パターン内で使用していた要素をひとつずつ削ったものを作って固定ページから呼び出してみたのですが
・吹き出し
・テーブル
を削除したパターンは同様に呼び出すタイミングでエラーとなったのですが、
・SWELLボタン
を削除したパターンはエラー無く、呼び出せるようになりました。
------
そこでエラーがなくなったパターンに新規でSWELLボタンを作り直したパターンはエラーが再発しなかったので、ひとまずボタンを作り直せばとりあえず回避はできそうなのですが、
エラーパターンで削除したSWELLボタンのHTMLをコピーして正常に動いているパターンに貼り付けたら貼り付けるタイミングでエラーとなりました。
貼り付けたコードは次のコードです。(リンク先は削除しています)
<div class="swell-block-button red_ -size-l is-style-btn_shiny"><a href="" target="_blank" rel="nofollow noopener" class="swell-block-button__link"><span>公式ホームページで確認する</span></a></div>
もし、上記内容でお気づきの点がありましたらご指摘をお願いいたします。
正確には
エラーパターンで削除したSWELLボタンのHTMLをコピーして正常に動いているパターンに貼り付けたら貼り付けるタイミングでエラーとなりました。
ではなく、
エラーパターンで削除したSWELLボタンのHTMLをコピーして正常に動いているボタンの「HTMLとして編集」で貼り付けるタイミングでエラーとなりました。
です。
hrefが空なのにtarget="_blank"があるのがおかしい気がしますね。
何かの拍子に href のデータだけ飛んでしまったのが原因なのかなあと
SWELL開発者です。
お返事ありがとうございます。
hrefはアフィリエイトリンクなので削除しています。リンクがある状態でもエラーになります。
仕様だと思うのですが、swellボタンの「HTMLとして編集」でclassに想定していない文字(例えば、abc)などを設定したらエラーになるようなので、先ほど貼り付けたエラーになるコードには想定されていない(過去は使われていたけれど今は存在しない)classがあるのかなと一つの可能性として推測しています。
私もパターンでキャプションボックスを使用すると、エラーが出ます
TypeError: Cannot read properties of null (reading 'ResizeObserver')
ただ、キャプションボックスを使用してもエラーが出ない時も稀にあります
パターンに収録している内容をそのままコピペしてもエラーは起こりませんが、パターンとして出すとエラーになります
PHP8.1.34
WordPress の更新
現在のバージョン: 7.0
SWELLバージョン: 2.17.1





