How to Fix Gutenberg Error: Cannot read property ‘show_ui’

Spread the love

Last Updated on

I have installed the last version of WordPress and this one is coming with a new fancy editor called Gutenberg that is completely changed. After starting using it I have seen that when I was trying to change the category and open the tab the interface crashes. The error was as in the below screanshot:

As you can see not a lot off informations so I have hit error and I have seen that the actual error was:

TypeError: Cannot read property 'show_ui' of undefined
at https://www.bitdoze.org/wp-includes/js/dist/editor.min.js?ver=9.0.7:55:241505
at i (https://www.bitdoze.org/wp-includes/js/dist/vendor/lodash.min.js?ver=4.17.11:6:91)
at An.filter (https://www.bitdoze.org/wp-includes/js/dist/vendor/lodash.min.js?ver=4.17.11:99:338)
at https://www.bitdoze.org/wp-includes/js/dist/editor.min.js?ver=9.0.7:55:241470
at ph (https://www.bitdoze.org/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:97:88)
at eg (https://www.bitdoze.org/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:125:307)
at fg (https://www.bitdoze.org/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:126:168)
at wc (https://www.bitdoze.org/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:138:237)
at fa (https://www.bitdoze.org/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:137:115)
at ng (https://www.bitdoze.org/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:149:69)

First I have tried disable all the plugins, this didn’t do the trick and the error was still present.

I have my own VPS and I thought to try update PHP maybe it could help, I have gone from PHP 7.1 to PHP 7.3 but still same issue.

After I have started searching online to see what I can find and there were a couple of topics like issue 10162 where I have seen that the issue may come from an NGINX config. I did the change restated NGINX service and error dissapeared.

How to Fix Gutenberg Error: Cannot read property ‘show_ui’ in NGINX

In my configuration I was having the below which caused the issue:

try_files $uri $uri/ /index.php?q=$request_uri;

You can also have:

try_files  $uri $uri/ /index.php?q=$uri$args;

To fix the error you just need to replace the above with below and restart nginx service:

try_files  $uri $uri/ /index.php?$args;

That’s all, after doing this the error was gone and I can write posts.

You encounter the error? If so what you did to fix it?

Related

5 thoughts on “How to Fix Gutenberg Error: Cannot read property ‘show_ui’”

      1. Thank you so much for reply. Yes, i am using NGINX, I have followed this tutorial for installing wordpress
        https://websiteforstudents.com/install-wordpress-4-9-on-ubuntu-17-04-7-10-with-nginx-mariadb-and-php/

        and i have tried this
        try_files $uri $uri/ /index.php?$args; and also multiple combinations but no one worked for me ๐Ÿ™
        i want to run my blog in subfolder.
        i have written these lines in config files
        location /wordpress {
        alias /var/www/html/wordpress;
        #try_files $uri $uri/ /wordpress/index.php?q=$request_uri; (not working)
        try_files $uri $uri/ /index.php?$args; (not working)
        }
        These are working fine if permalink set to https://www.example.com/wordpress/?p=123
        but not working https://www.example.com/wordpress/sample-post/
        that i already mentioned in my first comment.

      2. My Current Scenario are,
        permalink is set to https://example.com/wordpress/sample-post/
        and config is

        location /wordpress {
        alias /var/www/html/wordpress;
        try_files $uri $uri/ /wordpress/index.php?$args;
        }
        and i am getting these errors when try to add new post.

        “Update failed” in add post page

        and console errors :-

        api-fetch.min.js?ver=2.2.7:1 Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
        at b (api-fetch.min.js?ver=2.2.7:1)

        editor.min.js?ver=9.0.7:12 Uncaught (in promise) {code: "invalid_json", message: "The response is not a valid JSON response."}

        1. Hello,

          For subfolders you need something else .

          In your case you can try with:

          location /wordpress {
          root /var/www/html/wordpress;
          index index.php index.html index.htm;
          try_files $uri $uri/ /wordpress/index.php?$args;
          }

          If not working then also you can try:

          – don’t use /wordpress only use:
          location / {
          try_files $uri $uri/ /wordpress/index.php?$args ;
          }

          – if above doesn’t work maybe below:

          location / {
          try_files $uri /wordpress/index.php?q=$uri&$args;
          }

          location /wordpress {
          index index.php index.html index.htm;
          try_files $uri $uri/ /index.php?q=$uri&$args;
          }

          Tx
          Dragos

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.