- このトピックには12件の返信、2人の参加者があり、最後に
により2ヶ月、 2週前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】27.0.2
【お使いの Snow Monkey Blocks のバージョン】21.0.7
【お使いの Snow Monkey Editor のバージョン】10.0.4
【お使いの PHP のバージョン】
【お使いのブラウザ】safari
【当該サイトのURL】https://livingskape.jkdecor.com/money/educational-insurance/マイパターンの中にブロックやリンクボタン、画像を配置したレイアウトを登録したのですが、そちらを記事内に配置しようとするとフリーズ？なのか処理に時間がかかってるのか、しばらく止まってしまい、その後配置出来たとしたもエラーと表示されてしまいます。
編集画面にはエラー表示され、公開した記事にはちゃんと反映されています。
こちらも原因が分かりましたら教えてくださいませ。
いいねをした人: 居ませんキタジマさま
いつもありがとうございます！
マネーキャリアのパターンをクリックすると
以下の状態でフリーズして
編集画面のスクロールだけは効くのですが
パターンの画面を閉じることも
何かのボタンを押すこともできなくなってしまいます。。。いいねをした人: 居ませんreact-dom.min.js〜のところが原因となるエラーなのではないかと思うのですが、エラーメッセージが無いですね…ちょっとこのパターンは初めてなのでどういうことかわからないです…。なので、思いつくところからやるしかないかなと思うので、下記をお願いできますでしょうか？
– 別のブラウザだと正しく操作できるか試してみてください。
– 問題のパターンをコピーして、ここに貼り付けることはできますでしょうか？（外観→パターン→マネーキャリアのところにある点が縦に3つあるボタンをクリック→JSON としてエクスポートをクリック）いいねをした人: 居ませんキタジマさま
ご返信ありがとうございます！
1.別ブラウザはコンソールでエラー内容を確認する際にChromeでも実施しましたが、同じようにフリーズし、エラーになりました。普段はSafariを使用しています。
2.以下のコピペします！
__file "wp_block" title "マネーキャリア" content '<!-- wp:snow-monkey-blocks/box {"backgroundColor":"var(\\u002d\\u002d_lightest-color-gray)","borderStyle":"none","borderWidth":"0px","borderRadius":"0px","style":{"spacing":{"padding":{"top":"20px","bottom":"20px","left":"20px","right":"20px"},"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}}} -->\n<div class="wp-block-snow-monkey-blocks-box smb-box" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50);padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;--smb-box--border-radius:0px;--smb-box--background-color:var(--_lightest-color-gray);--smb-box--background-opacity:1;--smb-box--border-style:none;--smb-box--border-width:0px"><div class="smb-box__background"></div><div class="smb-box__body"><!-- wp:snow-monkey-blocks/items -->\n<div class="wp-block-snow-monkey-blocks-items smb-items"><div class="c-row c-row--margin" data-columns="1" data-md-columns="1" data-lg-columns="2"><!-- wp:snow-monkey-blocks/items-item-free -->\n<div class="wp-block-snow-monkey-blocks-items-item-free c-row__col"><div class="smb-items__item smb-items__item--free"><div class="smb-items__item__body"><!-- wp:image {"id":18940,"sizeSlug":"full","linkDestination":"none"} -->\n<figure class="wp-block-image size-full"><img src="https://livingskape.jkdecor.com/money/wp-content/uploads/2024/09/money-career.jpg" alt="" /></figure>\n<!-- /wp:image --></div></div></div>\n<!-- /wp:snow-monkey-blocks/items-item-free -->\n\n<!-- wp:snow-monkey-blocks/items-item-free -->\n<div class="wp-block-snow-monkey-blocks-items-item-free c-row__col"><div class="smb-items__item smb-items__item--free"><div class="smb-items__item__body"><!-- wp:list -->\n<ul class="wp-block-list"><!-- wp:list-item -->\n<li><strong>相談者満足度98.6％</strong></li>\n<!-- /wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>お金のことなら何でも相談できる</strong></li>\n<!-- /wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>オンライン面談も何度でもOK</strong></li>\n<!-- /wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>相談申し込み8万件</strong></li>\n<!-- /wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>強引な勧誘一切なし</strong></li>\n<!-- /wp:list-item --></ul>\n<!-- /wp:list -->\n\n<!-- wp:snow-monkey-blocks/buttons -->\n<div class="wp-block-snow-monkey-blocks-buttons smb-buttons"><!-- wp:snow-monkey-blocks/btn {"modifier":"full","borderRadius":"25px","backgroundColor":"#ff6900","className":"is-style-default"} -->\n<div class="wp-block-snow-monkey-blocks-btn smb-btn-wrapper smb-btn-wrapper--full is-style-default"><a href="http://money-career.com/reserve_lp2?source=ig&medium=jk___decor&campaign=stories&adid=first" target="_blank" rel="noopener noreferrer"><span class="smb-btn__label"><strong>【無料】｜マネーキャリアで相談する</strong></span></a></div>\n<!-- /wp:snow-monkey-blocks/btn --></div>\n<!-- /wp:snow-monkey-blocks/buttons --></div></div></div>\n<!-- /wp:snow-monkey-blocks/items-item-free --></div></div>\n<!-- /wp:snow-monkey-blocks/items --></div></div>\n<!-- /wp:snow-monkey-blocks/box -->'ご確認お願いします！
いいねをした人: 居ませんありがとうございます。
こちらの環境にインポートして記事に挿入してみたのですが、普通に挿入できました。なので原因はまだわからないのですが、一つ気になったのは、ブロックの構造が古い？のかブロックバリデーションエラー（保存されている HTML と本来出力されるべき HTML の構造が違う）がでていたので、それは直してみたほうが良いかもしれません。
そのパターンの編集画面にいったら「ブロックのリカバリーを試行」というボタンがでると思うので、それをクリックして、でなくなったら保存してください。
いいねをした人: 居ませんキタジマさま
ありがとうございます！
ただ、そのブロックリカバリーボタンが出ないんです。。
パターンの編集画面でも
配置した記事の中にも（そもそもエラーで配置できず）
コンテンツエラーが発生した際の
コンソールの状態はこちらです。
何かわかりますか？
いいねをした人: 居ません3件記事に入れていて、3件
Minified React error #185というメッセージがあるので、それが怪しい気がします。ぐぐってみると、Minified React error #185はMaximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
という意味らしくて、つまり描画が無限に繰り返されるためにエラーになる、ということみたいです。フリーズすると言われていたと思うので、それとも合致するかなと。ただ、なんで無限に繰り返されるのかはわからないんですよね…。同じ形のものをもう一回新しいパターンとして作った場合、同じエラーが発生するか確認してもらえますか？
いいねをした人: 居ません再現できました！
まだ根本原因の特定には至っていないのですが、どうも「同期パターン」の中で「項目ブロックの子ブロック」を使っていると現象が発生してしまうようでした。
– 非同期パターンにする
– 項目ブロックではなくカラムブロックを使うでとりあえず現象が発生しないようにはできました。
根本原因についてはこれから調べていきます…！いいねをした人: 居ません
- トピック「マイパターンが編集画面でエラーになる」には新しい返信をつけることはできません。