ramonopoly

Hi!

It seems like that error pops up when there’s a problem with imports.

See: https://stackoverflow.com/questions/34130539/uncaught-error-invariant-violation-element-type-is-invalid-expected-a-string

I think two of the imports – TextControl and NumberControl – live in the components package.

You could try the following:

js
import { useBlockProps, MediaPlaceholder } from '@wordpress/block-editor';
import { TextControl, __experimentalNumberControl as NumberControl } from '@wordpress/components';

I can confirm this.

Steps to reproduce:

1. Install 11.4 on WordPress 5.8. Then install EditorsKit.
2. Open the Block editor.
3. See that “[t]he editor has encountered an unexpected error.”

I see the following errors in the console:

An error occurred while running 'mapSelect': Cannot read property 'editorskitAutoSave' of undefined

and

TypeError: Cannot read property 'autosaveInterval' of undefined

Which I take to be related to this file: https://plugins.trac.wordpress.org/browser/block-options/trunk/src/extensions/components/autosave/components/menu.js#L67

It could be related to many things.

Are you running the Block Editor (Gutenberg) or Classic Editor?

When you try to save the post/page, what do you see in the network tab in your browser console? Look out for any XHR requests that fail.

Hello!

Did you update WordPress, or your plugins or both?

Also, it would help folks to advise if you could post any errors or screenshots of what you see when you try to login.

I’m not sure this is the cause, but I can see from your site that there are plugins that are causing errors: revslider and fabio-shortcodes.

As a first step, you could disable these plugins, but if you can’t login that’s going to be hard 🙂

The other way to disable the plugins is to rename the plugin folders. For exmaple rename revslider to revslider.deactivated for example.

You can find the plugin folders in your WordPress install under wp-content/plugins/.

To do this you’ll need FTP access to your site. Your hosting provider should be able to help you with this if you’re unsure.

To re-enable the plugins you can rename them back to the original name, e.g., revslider.deactivated becomes revslider again.

Hello!

That popup could mean that your website wants a PHP version that’s not installed on the server.

Are there any PHP AddHandler statements in your .htaccess file? It looks something like

<IfModule mime_module>
    AddHandler application/x-httpd-ea-php74 .php .php7 .phtml
</IfModule>

If so, it should match the version of PHP you’re running on the server.

Double check what your server is running. If it’s PHP 7.4 as you say, then it should match the AddHandler.

If your .htaccess is auto-generated, it might be best to ask your hosting provider for support.

As I said above, reusable blocks don’t work because they are ‘one block’ when used across the site. If you change it, it’s reflected across all the locations unless you convert it back into blocks.

Ah, sorry I jumped ahead, or behind, or nowhere useful at least, and didn’t realize you needed to tweak them.

What I need is patterns but being able to create them from the editor. I suspect I’m going to need to make a plugin for it.

Agree. I don’t think it’d have to be a very large plugin, but it’d help manage a growing library of patterns and ensure consistency.

https://developer.wordpress.org/block-editor/reference-guides/block-api/block-patterns/#register_block_pattern

Good luck with it!

It’s likely that WordPress is logging these errors. If the problem is still happening you could try to turn debug and logs in wp-config.php:

define( 'WP_DEBUG', true );

define( 'WP_DEBUG_LOG', true );

Triggering the issue again should (hopefully) log an error message to wp-content/ debug.log

Here’s an article that describes how to do this: https://www.wpbeginner.com/wp-tutorials/how-to-set-up-wordpress-error-logs-in-wp-config/

If the logs don’t mean much to you, you can paste the output here and folks can take a look for you.