This block has encountered an error
-
Hi,
I recently started having a problem with my site, for some reason some blocks refuse to generate preview and become non-editable. At first, I noticed it with info block when the recent update was released. 2 out of 3 blocks gave me “This block has encountered an error and cannot be previewed” message, even though all free have the same settings, just different text and icons inside.
I had to revert my whole website to most recent back-up and decided to not update the plugin just yet. Hoping that maybe this will be fixed in the future release. But today contact form block gave me the same error when I tried to add gradient color to “submit” button.
I would greatly appreciate if you could help me fix it. I love Kadence plugin a lot and would not want to change it for any other block plugin at all. It’s just really great in all other aspects.
I can make a duplicate of my website with administration access for you to test everything in case you choose to do so. Just let me know…
Thank you.
-
I’m not a developer so my answers may not be that helpful, but here goes:
Console Log
// start of log item:
Block validation: Block validation failed forkadence/icon` (
Objectattributes: {icons: Object, iconCount: {type: “number”, default: 1}, uniqueID: {type: “string”, default: “”}, blockAlignment: {type: “string”, default: “center”}, textAlignment: {type: “string”, default: “center”}, …}
category: “kadence-blocks”
deprecated: [Object, Object, Object, Object] (4)
edit: function()
getEditWrapperProps: function(e)
icon: {src: Object}
keywords: [“icon”, “svg”, “KT”] (3)
name: “kadence/icon”
save: function(e)
title: “Icon”
Object Prototype
).Content generated by
savefunction:<div class=”wp-block-kadence-icon kt-svg-icons kt-svg-icons_a21b4b-7b aligncenter” style=”text-align:left”><div class=”kt-svg-style-default kt-svg-icon-wrap kt-svg-item-0″><div style=”display:inline-flex;justify-content:center;align-items:center;color:#090935″ class=”kt-svg-icon kt-svg-icon-fe_chevronsRight”><svg style=”display:inline-block;vertical-align:middle” viewbox=”0 0 24 24″ height=”50″ width=”50″ fill=”none” stroke=”currentColor” xmlns=”https://www.w3.org/2000/svg” stroke-width=”2″ stroke-linecap=”round” stroke-linejoin=”round”><polyline points=”13 17 18 12 13 7″></polyline><polyline points=”6 17 11 12 6 7″></polyline></svg></div></div></div>
Content retrieved from post body:
<div class=”wp-block-kadence-icon kt-svg-icons kt-svg-icons_a21b4b-7b aligncenter” style=”text-align:left”><div class=”kt-svg-style-default kt-svg-icon-wrap kt-svg-item-0″><div style=”justify-content:center;align-items:center;color:#090935″ class=”kt-svg-icon kt-svg-icon-fe_chevronsRight”></div></div></div>`
//end of log item
The problem happens with a wide range of blocks – especially on a page with quite a lot of content and / or re-usable blocks and / or custom fields.
Note: the some blocks don’t fail consistently on different pages, for example an icon block on a page with a lot of content will fill but not necessarily on a page with less content.
Permissions:
I’m logged in as Admin 1 with no access restrictions or html filters.Filters
In my setup, the only settings I can think of that are related to a “filter” are in the Clearfy plugin. For example:Dashicons are disabled and Version Number is stripped from scripts and styles for unauthorized users “To avoid problems after plugins update”.
Some other “filters”.
See screenshot 2I’ve also reduced the Heartbeat Frequency to 80 seconds.
Apart from that, there is some caching but the css and js are NOT currently minified.
Caching
I use Litespeed cache which is supposed to automatically flush caches when plugins are updated. Should I manually flush caches before or after updating Kadence?
- The topic ‘This block has encountered an error’ is closed to new replies.
