This Block Has Encountered An Error And Cannot Be Previewed (Fixed!)

Are you looking for how to fix “This block has encountered an error and cannot be previewed“? Since WordPress change the system to Gutenberg, I always encountered this issue. So, for me, this is a simple problem but sometimes it very annoying and takes me time to fix it.

Why this happen?

Regarding this issue, there are many causes to this problem. Maybe its causes from your theme have a conflict with any plugin, server configuration wrong settings, and the common things why this happens is when you trying edit the block but you have made a mistake.

So, if you are confident this problem caused by your plugins, just deactivate all plugin and you can try activating it one by one. Check and determined it which one plugin cause and error on your site. So here you can fix it.

If the server configuration wrong settings, just contact your server provider to solve this. If they cannot to solve your problem, just find the another good webhosting.

But I guess all of you not facing the problem cause of both problems above. Maybe you are trying to edit the block but you have made an error.

Actually, there is nothing trick directly you can fix it. Here what you need is try to think out of the box on how to fix this problem.

At the first time, I try to edit the block using Edit as HTML function but it does not change anything.

So, here how to fix it…

This Block Has Encountered An Error And Cannot Be Previewed (Fixed!)

This tutorial for who have a problem because edit the block and getting error.

Step 1 Preview

When you got this error, your content will be hidden by the system at the backend but in the frontend it still visible to see the content. So, if you want see it, you just preview it.

Step 2 Copy & Paste

Copy all the text in the error block at the frontend, and then paste it on new block.

Step 3 Delete Error Block

After you paste into a new block, now you must delete the error block. To delete it, you just click on the block.

If you are unable to see “three dots” to delete the block, just save your article editing first and then refresh the browser. Now, the three dots will appear.

Now, you have a new block but same content.

Conclusion

Wrapping Up, in this tutorial I have shown you how to fix This block has encountered an error and cannot be previewed. Hope this article helps a lot you how to fix it.

If you like this article, then please FOLLOW our Linkedin, Twitter, YouTube, Pinterest, and Facebook. Do not forget to check our services page to upgrade your WordPress. If you find this post has an issue with copyright, outdated, or in error, please contact us to fix it.