WordPress (Gutenberg) editor crashes

(@altijdyouri)

I have an problem, I just installed wordpress 5.1.1 on my localhost as a clean install. When I try to edit a page in the page editor a error message is shown.

I can add a title to the page, but no content. The error is also shown when I click the plus icon to add a block and when I hover over the empty space below the title. But strangely enough a installation I did yesterday works fine. I installed both versions form the same zip file. A did an third install today and it has the same problem. This error only seems to occur in firefox.

The error message I can copy form the pop-up says the following, where localhost/client/sonor/ is the path on my localhost.

zn@http://localhost/client/sonor/wp-includes/js/dist/editor.min.js?ver=9.0.11:55:45248
this.wp.editor</Gn</o<@http://localhost/client/sonor/wp-includes/js/dist/editor.min.js?ver=9.0.11:55:46071
this.wp.editor</Gn<@http://localhost/client/sonor/wp-includes/js/dist/editor.min.js?ver=9.0.11:55:45906
u@http://localhost/client/sonor/wp-includes/js/dist/editor.min.js?ver=9.0.11:12:3427
g/n</</<@http://localhost/client/sonor/wp-includes/js/dist/data.min.js?ver=4.2.1:1:6379
this.wp.editor</zl<@http://localhost/client/sonor/wp-includes/js/dist/editor.min.js?ver=9.0.11:55:270190
n@http://localhost/client/sonor/wp-includes/js/dist/data.min.js?ver=4.2.1:1:13036
r@http://localhost/client/sonor/wp-includes/js/dist/data.min.js?ver=4.2.1:1:13298
zf@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:69:258
Mf@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:87:4
ph@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:98:474
eg@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:125:307
fg@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:126:168
wc@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:138:237
gg@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:135:160
Ca@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:133:365
og@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:150:95
Rd@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:150:173
bb.prototype.render@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:200:185
Bc/<@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:153:487
mg@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:148:406
Bc@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:153:420
render@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:202:194
Yn@http://localhost/client/sonor/wp-includes/js/dist/edit-post.min.js?ver=3.1.11:12:68412
value@http://localhost/client/sonor/wp-includes/js/dist/editor.min.js?ver=9.0.11:55:273015
Fg@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:154:233
Eg@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:13:422
Hg@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:13:476
ae@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:15:133
Ig@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:155:69
Hc@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:15:418
Jc@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:16:489
gh@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:39:335
lg@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:148:319
re@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:23:322
Xb@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:40:304
ng@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:149:39
Se@http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:40:45

The firefox console says:

TypeError: "e.preferences.insertUsage is undefined"
    zn http://localhost/client/sonor/wp-includes/js/dist/editor.min.js?ver=9.0.11:55
    o http://localhost/client/sonor/wp-includes/js/dist/editor.min.js?ver=9.0.11:55
    Gn http://localhost/client/sonor/wp-includes/js/dist/editor.min.js?ver=9.0.11:55
    u http://localhost/client/sonor/wp-includes/js/dist/editor.min.js?ver=9.0.11:12
    n http://localhost/client/sonor/wp-includes/js/dist/data.min.js?ver=4.2.1:1
    zl http://localhost/client/sonor/wp-includes/js/dist/editor.min.js?ver=9.0.11:55
    n http://localhost/client/sonor/wp-includes/js/dist/data.min.js?ver=4.2.1:1
    r http://localhost/client/sonor/wp-includes/js/dist/data.min.js?ver=4.2.1:1
    zf http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:69
    Mf http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:87
    ph http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:98
    eg http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:125
    fg http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:126
    wc http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:138
    fa http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:137
    ng http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:149
    Se http://localhost/client/sonor/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.6.3:40
react-dom.min.js:104:253

Viewing 10 replies - 1 through 10 (of 10 total)

Moderator James Huff
(@macmanx)

7 years ago

At any point did you also install the latest Gutenberg plugin?

I just ran into this myself about an hour ago, I had to fully un-and-re-install Firefox to clear it. Everything was fine under the Gutenberg plugin, but once I deactivated it, the errors started appearing in the editor.

It seems like something is getting lodged in Firefox’s browser storage that it is not flushing via conventional Clear Recent History means, which sounds like a bug in Firefox.

A quick note, Gutenberg is now built into WordPress as of WordPress 5. The Gutenberg plugin simply adds new beta features that are being tested. It is no longer required to use the block editor.

Moderator James Huff
(@macmanx)

7 years ago

It looks like this will address the issue going forward in the Gutenberg plugin: https://github.com/WordPress/gutenberg/pull/14706

However, I still think something’s up in Firefox, since Clear Recent History is supposed to flush its local storage too, but I had to fully uninstall it to do the job.

nick6352683
(@nick6352683)

7 years ago

Try this: open the console and run localStorage.clear(); This worked for me, and all is fine now… Using chrome, win 7 pro, Xampp php7.2

Moderator James Huff
(@macmanx)

7 years ago

Thanks! I’ll give that a shot the next time it happens!

dlfuller
(@dlfuller)

7 years ago

This situation repeats consistently for me using Chrome, macOS 10.14.3, php 7.1.26. But stops when the Gutenberg Plugin 5.3.0 is installed. Although there are other problems with that setup, namely missing Reusable Blocks functions.

I kinda tried to run that localStorage.clear(); command with no effect, but really had no idea what I was doing.
Console Screen Shot 2019-04-02 at 2.49.26 PM

Moderator James Huff
(@macmanx)

7 years ago

For Chrome, this may be what you need: https://developers.google.com/web/tools/chrome-devtools/manage-data/local-storage#clear-storage

With that said, there are also totally different instructions at https://superuser.com/questions/519628/clear-html5-local-storage-on-a-specific-page

It looks like there’s a third-party browser extension too: https://chrome.google.com/webstore/detail/clear-local-storage/gfnkhcooecjmgnbcigmnhealjobfoapd

dlfuller
(@dlfuller)

7 years ago

@macmanx you’re responding with resources faster than I can type a reply. I’ll give those a try.

BTW, what do you use for a database to find and pull up those links? It can’t be all in memory!

Moderator James Huff
(@macmanx)

7 years ago

I just searched at https://duckduckgo.com/ 🙂
Thread Starter altijdyouri
(@altijdyouri)

7 years ago
Thanks for the feedback and sources.

As @dlfuller stated, localStorage.clear(); does not work.
I opened the inspector(Right click > Q) and found the storage tab( You might need to active it in the inspector settings) and removed all my cookies related to the website by right clicking on a cookie from that site en clicking remove all form '...'. Then I logged in again and all problems were fixed.

But this should not happen, so there is probably something wrong in WordPress or in Firefox.
- This reply was modified 7 years ago by altijdyouri.
Moderator James Huff
(@macmanx)

6 years, 12 months ago

It’s definitely a problem in both.

The problem in WordPress’s editor is being fixed: https://github.com/WordPress/gutenberg/pull/14706

Meanwhile, clearing localstorage via conventional means should … clear localstorage. That is apparently not the case in Firefox right now. 🙁

Thanks for the work-around!