-
投稿者投稿
-
2024年9月3日 10:50 AM #141421
【お使いの 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/マイパターンの中にブロックやリンクボタン、画像を配置したレイアウトを登録したのですが、そちらを記事内に配置しようとするとフリーズ?なのか処理に時間がかかってるのか、しばらく止まってしまい、その後配置出来たとしたもエラーと表示されてしまいます。
編集画面にはエラー表示され、公開した記事にはちゃんと反映されています。
こちらも原因が分かりましたら教えてくださいませ。
♥ 0いいねをした人: 居ません2024年9月3日 10:51 AM #141422補足…配置したのは【マネーキャリア】と名前の付けてあるパターンです!
♥ 0いいねをした人: 居ません2024年9月3日 9:17 PM #141451「このブロックでエラーが発生したためプレビューできません」が表示されたタイミングで、ブラウザのコンソールに何らかのエラーメッセージが表示されると思います。
そのメッセージを見れば原因が特定できる場合があるので、メッセージ、あるいはメッセージが確認できるスクショをここに貼り付けてください!
♥ 0いいねをした人: 居ません2024年9月3日 11:21 PM #141456キタジマさま
いつもありがとうございます!
マネーキャリアのパターンをクリックすると
以下の状態でフリーズして編集画面のスクロールだけは効くのですが
パターンの画面を閉じることも
何かのボタンを押すこともできなくなってしまいます。。。♥ 0いいねをした人: 居ません2024年9月3日 11:23 PM #141457先ほどのスクショからコンソールの一番下のエラー内容が変わったので
念の為お送りします。♥ 0いいねをした人: 居ません2024年9月5日 2:47 AM #141472react-dom.min.js〜
のところが原因となるエラーなのではないかと思うのですが、エラーメッセージが無いですね…ちょっとこのパターンは初めてなのでどういうことかわからないです…。なので、思いつくところからやるしかないかなと思うので、下記をお願いできますでしょうか?
– 別のブラウザだと正しく操作できるか試してみてください。
– 問題のパターンをコピーして、ここに貼り付けることはできますでしょうか?(外観→パターン→マネーキャリアのところにある点が縦に3つあるボタンをクリック→JSON としてエクスポートをクリック)♥ 0いいねをした人: 居ません2024年9月5日 8:04 AM #141475キタジマさま
ご返信ありがとうございます!
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 -->'
ご確認お願いします!
♥ 0いいねをした人: 居ません2024年9月6日 10:19 AM #141494ありがとうございます。
こちらの環境にインポートして記事に挿入してみたのですが、普通に挿入できました。なので原因はまだわからないのですが、一つ気になったのは、ブロックの構造が古い?のかブロックバリデーションエラー(保存されている HTML と本来出力されるべき HTML の構造が違う)がでていたので、それは直してみたほうが良いかもしれません。
そのパターンの編集画面にいったら「ブロックのリカバリーを試行」というボタンがでると思うので、それをクリックして、でなくなったら保存してください。
♥ 0いいねをした人: 居ません2024年9月6日 12:28 PM #141501キタジマさま
ありがとうございます!
ただ、そのブロックリカバリーボタンが出ないんです。。パターンの編集画面でも
配置した記事の中にも(そもそもエラーで配置できず)コンテンツエラーが発生した際の
コンソールの状態はこちらです。
何かわかりますか?♥ 0いいねをした人: 居ません2024年9月6日 4:36 PM #1415073件記事に入れていて、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.
という意味らしくて、つまり描画が無限に繰り返されるためにエラーになる、ということみたいです。フリーズすると言われていたと思うので、それとも合致するかなと。ただ、なんで無限に繰り返されるのかはわからないんですよね…。同じ形のものをもう一回新しいパターンとして作った場合、同じエラーが発生するか確認してもらえますか?
♥ 0いいねをした人: 居ません2024年9月6日 5:35 PM #141508キタジマさま
んー1から作り直してみたのですがダメでした。
ボックスの中に項目やボタンを配置しているのがダメなんでしょうか…?♥ 0いいねをした人: 居ません2024年9月6日 9:22 PM #141515再現できました!
まだ根本原因の特定には至っていないのですが、どうも「同期パターン」の中で「項目ブロックの子ブロック」を使っていると現象が発生してしまうようでした。
– 非同期パターンにする
– 項目ブロックではなくカラムブロックを使うでとりあえず現象が発生しないようにはできました。
根本原因についてはこれから調べていきます…!♥ 0いいねをした人: 居ません2024年9月6日 11:31 PM #141521 -
投稿者投稿
- トピック「マイパターンが編集画面でエラーになる」には新しい返信をつけることはできません。