Support » Plugin: Gutenberg » Gutenberg and a Blank Screen on Edit

  • Resolved kcostain

    (@kcostain)



    Here’s the issue – a screenshot of trying to load Gutenberg: https://imgur.com/a/K2QRRDW – it’s all blank but for the menu.

    I’ve been working to try this new editor and haven’t found it working even once. I have done all sorts of things from disabling plugins (I don’t have any security related) to using the Health Check & Troubleshooting plugin to loading the editing page in a newly installed browser (no cache involvement), going over the .htaccess file and apache configs. Nothing else on the site appears to not be working but this. I’m a little surprised that it’s this difficult to see it functional.

    Here are the errors I get in the console when loading the demo – for example: https://imgur.com/a/R2ewKdP

    Other notes:
    – This is a single WordPress site
    – Want to see every plugin I use? Ok: https://imgur.com/a/WaNz4x9
    – WordPress is at version 4.9.8

    Any kind of insight would be appreciated. I can’t believe this problem isn’t more common out there.

    • This topic was modified 2 months, 3 weeks ago by  kcostain.
    • This topic was modified 2 months, 3 weeks ago by  kcostain.
    • This topic was modified 2 months, 3 weeks ago by  kcostain.
Viewing 8 replies - 1 through 8 (of 8 total)
  • Moderator Marius L. J.

    (@clorith)

    I see the call to the JS file for Gutenberg is being blocked (403 status), do you have any security rules, for example in your .htaccess file?

    Hi Marious.. thanks for taking the time to help out.

    This is the .htaccess:

    Options -Indexes

    <Files wp-config.php>
    order allow,deny
    deny from all
    </Files>

    # BEGIN WordPress
    <IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteRule ^index\.php$ – [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /index.php [L]
    </IfModule>
    # END WordPress

    I don’t think anything funky is going on there that would cause a 403 on a js file. Permissions too.. Gutenberg was installed via the built in WordPress process.. permissions are the same as files from all other plugins.. and of course wordpress and the old editor works.

    • This reply was modified 2 months, 3 weeks ago by  kcostain.
    Moderator Marius L. J.

    (@clorith)

    Would you be able to check your webservers logs, usually “unauthorized” access is logged there, it may indicate some kind of security rules in place that is being triggered.

    You are correct that the htaccess file appears fine though.

    Welp, here’s what I’ve got in my access log – not terribly insightful – mostly 304’s until the big 403:

    192.168.1.164 – – [21/Aug/2018:19:22:39 -0700] “GET /wp-content/plugins/gutenberg/build/block-serialization-spec-parser/index.js?ver=1534690416 HTTP/1.1” 304 –
    192.168.1.164 – – [21/Aug/2018:19:22:39 -0700] “GET /wp-content/plugins/gutenberg/build/redux-routine/index.js?ver=1534690416 HTTP/1.1” 304 –
    192.168.1.164 – – [21/Aug/2018:19:22:39 -0700] “GET /wp-content/plugins/gutenberg/build/data/index.js?ver=1534690416 HTTP/1.1” 403 250
    192.168.1.164 – – [21/Aug/2018:19:22:39 -0700] “GET /wp-content/plugins/gutenberg/build/shortcode/index.js?ver=1534690416 HTTP/1.1” 304 –
    192.168.1.164 – – [21/Aug/2018:19:22:39 -0700] “GET /wp-content/plugins/gutenberg/build/core-data/index.js?ver=1534690416 HTTP/1.1” 304 –
    192.168.1.164 – – [21/Aug/2018:19:22:39 -0700] “GET /wp-content/plugins/gutenberg/build/blocks/index.js?ver=1534690416 HTTP/1.1” 304 –
    192.168.1.164 – – [21/Aug/2018:19:22:39 -0700] “GET /wp-content/plugins/gutenberg/vendor/tinymce-plugin-lists.min.137fa94a.js HTTP/1.1” 304 –
    192.168.1.164 – – [21/Aug/2018:19:22:39 -0700] “GET /wp-content/plugins/gutenberg/vendor/tinymce-plugin-paste.min.f6e82d7a.js HTTP/1.1” 304 –
    192.168.1.164 – – [21/Aug/2018:19:22:39 -0700] “GET /wp-content/plugins/gutenberg/vendor/tinymce-plugin-table.min.3fa6c17e.js HTTP/1.1” 304 –
    192.168.1.164 – – [21/Aug/2018:19:22:39 -0700] “GET /wp-content/plugins/gutenberg/build/date/index.js?ver=1534690416 HTTP/1.1” 304 –
    192.168.1.164 – – [21/Aug/2018:19:22:39 -0700] “GET /wp-content/plugins/gutenberg/build/nux/index.js?ver=1534690416 HTTP/1.1” 304 –
    192.168.1.164 – – [21/Aug/2018:19:22:39 -0700] “GET /wp-content/plugins/gutenberg/build/viewport/index.js?ver=1534690416 HTTP/1.1” 304 –
    192.168.1.164 – – [21/Aug/2018:19:22:39 -0700] “GET /wp-content/plugins/gutenberg/build/wordcount/index.js?ver=1534690416 HTTP/1.1” 304 –
    192.168.1.164 – – [21/Aug/2018:19:22:39 -0700] “GET /wp-content/plugins/gutenberg/build/editor/index.js?ver=1534690416 HTTP/1.1” 304 –
    192.168.1.164 – – [21/Aug/2018:19:22:39 -0700] “GET /wp-content/plugins/gutenberg/build/plugins/index.js?ver=1534690416 HTTP/1.1” 304 –
    192.168.1.164 – – [21/Aug/2018:19:22:40 -0700] “GET /wp-json/wp/v2/ HTTP/1.1” 200 76377
    192.168.1.164 – – [21/Aug/2018:19:22:40 -0700] “GET /wp-content/plugins/gutenberg/build/data/index.js?ver=1534690416 HTTP/1.1” 403 250
    192.168.1.164 – – [21/Aug/2018:19:22:40 -0700] “GET /wp-content/plugins/gutenberg/build/edit-post/index.js?ver=1534690416 HTTP/1.1” 304 –
    192.168.1.164 – – [21/Aug/2018:19:22:40 -0700] “GET /wp-content/plugins/gutenberg/build/block-library/index.js?ver=1534690416 HTTP/1.1” 304 –
    192.168.1.164 – – [21/Aug/2018:19:22:40 -0700] “GET /wp-content/plugins/gutenberg/build/dom-ready/index.js?ver=1534690416 HTTP/1.1” 304 –

    • This reply was modified 2 months, 3 weeks ago by  kcostain.

    I just went right to the file url and got this error: https://imgur.com/a/RPWe0y7

    BUT – going to a different file, also in gutenberg, also named index.js and I can get the file no problem: https://imgur.com/a/noRqBQ8

    So, something is blocking that specific file.. for sure.

    K

    Created a file in that folder named test.html and gave it permissions – and this: https://imgur.com/a/uITQRx2

    I’m beginning to think that somehow my server is blocking the directory because it’s named “data”. It seems bizarre, but it’s looking like it. I can’t imagine Gutenberg is the first to use naming like that.

    Hmmmm.

    Well, egg on my face.. I thought I had a statement working on a smart part of my server, yet it was global. This was in my /etc/httpd/conf/httpd.conf file. Removing this (or relocating it), restarting the webserver, and I was on and working.

    <LocationMatch “/(data|conf|bin|inc)/”>
    order allow,deny
    deny from all
    satisfy all
    </LocationMatch>

    One of the myriad of ways that this thing can go wrong.. the joy and hell of WordPress. Hey, I appreciate your patience while I worked through this. Thanks.

    Moderator Marius L. J.

    (@clorith)

    Glad to hear you got it running! And thanks for providing insights into what blocked it in your scenario!

Viewing 8 replies - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.