Проверка блока Гутенберга не удалась (дети не ожидают)

Question

Я занимаюсь разработкой блока Рекомендаций Гутенберга, однако при сохранении и попытке перезагрузки он дает сбой проверки блока, кажется, что он ожидает блок без дочерних элементов во внутренней карусели и т. Д.

Expected:

<div class="wp-block-wf-testimonials"><div class="slideshow carousel slide" data-ride="carousel" data-interval="false"><div class="carousel-inner"></div><a class="carousel-control carousel-control-prev" href="#undefined" role="button" data-slide="prev"><span class="carousel-icon carousel-control-prev-icon" aria-hidden="true"></span><span class="sr-only">Previous</span></a><a class="carousel-control carousel-control-next" href="#undefined" role="button" data-slide="next"><span class="carousel-icon carousel-control-next-icon" aria-hidden="true"></span><span class="sr-only">Next</span></a></div></div>

Actual:

<div class="wp-block-wf-testimonials"><div class="slideshow carousel slide" data-ride="carousel" data-interval="false"><div class="carousel-inner"><div class="carousel-item active"><div class="quote"> sdfas </div><div class="byline"> sdf </div></div><div class="carousel-item false"><div class="quote"> fsadfa </div><div class="byline"> asdfassdfadf </div></div><div class="carousel-item false"><div class="quote"> fdsafas </div><div class="byline"> sdfasdfas </div></div></div><a class="carousel-control carousel-control-prev" href="#undefined" role="button" data-slide="prev"><span class="carousel-icon carousel-control-prev-icon" aria-hidden="true"></span><span class="sr-only">Previous</span></a><a class="carousel-control carousel-control-next" href="#undefined" role="button" data-slide="next"><span class="carousel-icon carousel-control-next-icon" aria-hidden="true"></span><span class="sr-only">Next</span></a></div></div>

Вот атрибуты

attributes = {
        interval: {
            type: 'text',
            selector: '.slideshow',
            source: 'attribute',
            attribute: 'data-interval',
            default: 'false'
        },
        hideIndicators: {
            type: 'text',
            default: 'false'
        },
        viewMode: {
            type: 'text',
            default: 'edit',
        },
        testimonials: {
            source: "query",
            default: [{index:0, quote:"", byline:""}],
            selector: ".carousel-inner .carousel",
            query: {
                index: {
                    source: "attribute",
                    selector: ".quote",
                    attribute: "index"
                },
                image: {
                    source: "attribute",
                    selector: "img",
                    attribute: "src"
                },
                quote: {
                    source: "text",
                    selector: ".quote"
                },
                byline: {
                    source: "text",
                    selector: ".byline"
                }
            }
        }
    }

Полный код блока: https://github.com/Panguino/WF_Testimonial

Любая помощь будет принята с благодарностью, я новичок в Гутенберге, немного новичок, чтобы реагировать. Полегче на меня =).

Answer 1

Я думаю, что вы нашли решение, отвечая для будущих читателей.

Ошибка Actual in the console означает, что предыдущий HTML-код, который мы сохранили в save() метод, который хранится в базе данных в настоящее время и нашего блока save() Метод содержит новый код. Итак, WordPress не может соответствовать выводу, что приводит к ошибке проверки.

Решение: Вы должны удалить текущий экземпляр блока и создать новый, он будет работать. Хотя это раздражает, я надеюсь, что команда Гутенберга найдет решение этой проблемы