[wp-trac] [WordPress Trac] #44885: Editting a page with Gutenberg result in a white page

WordPress Trac noreply at wordpress.org
Mon Sep 3 14:07:27 UTC 2018 

#44885: Editting a page with Gutenberg result in a white page
--------------------------+----------------------
 Reporter:  djvanroest    |       Owner:  (none)
     Type:  defect (bug)  |      Status:  closed
 Priority:  normal        |   Milestone:
Component:  Editor        |     Version:  4.9.8
 Severity:  normal        |  Resolution:  invalid
 Keywords:                |     Focuses:
--------------------------+----------------------
Changes (by SergeyBiryukov):

 * component:  General => Editor
 * milestone:  Awaiting Review =>


Old description:

> I've WP 4.9.8 with the latest Gutenburg 3.7.0. When adding pages with
> Gutenberg editor active, at some point, I'm not abble to edit the created
> pages anymore. It results in (almost) a white page. I still see te nav
> bar at the left.
>
> My console tells me dat value prop in color objects passed by withColors
> HOC is deprecated and will be removed from Gutenberg in 3.9. But thats a
> warning. I get two errors: TypeError: Cannot read property 'models' of
> undefined and Uncaught (in promise) TypeError: Cannot read property
> 'models' of undefined.
>
> **Console output:**
>
> load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,jquery-ui-
> core,jquery-ui-widget,underscore&ver=4.9.8:9 JQMIGRATE: Migrate is
> installed, version 1.4.1
> index.js?ver=1535811221:1 value prop in color objects passed by
> withColors HOC is deprecated and will be removed from Gutenberg in 3.9.
> Please use `color` prop passed in the object instead. Note: This is a
> global warning, shown regardless of whether value prop is used.
> c @ index.js?ver=1535811221:1
> (anonymous) @ index.js?ver=1535811221:12
> n @ index.js?ver=1535811221:1
> (anonymous) @ index.js?ver=1535811221:1
> (anonymous) @ index.js?ver=1535811221:1
> react-dom.min.82e21c65.js:110 TypeError: Cannot read property 'models' of
> undefined
>     at wp-seo-replacevar-plugin-810.min.js?ver=8.1:1
>     at index.js?ver=1535811221:1
>     at Array.forEach (<anonymous>)
>     at index.js?ver=1535811221:1
>     at d (index.js?ver=1535811221:1)
>     at lodash.min.59550321.js:49
>     at index.js?ver=1535811221:12
>     at index.js?ver=1535811221:12
>     at dispatch (index.js?ver=1535811221:12)
>     at Array.map (<anonymous>)
> bg @ react-dom.min.82e21c65.js:110
> c.callback @ react-dom.min.82e21c65.js:115
> Jf @ react-dom.min.82e21c65.js:73
> Kf @ react-dom.min.82e21c65.js:74
> jc @ react-dom.min.82e21c65.js:135
> gc @ react-dom.min.82e21c65.js:127
> vb @ react-dom.min.82e21c65.js:126
> ub @ react-dom.min.82e21c65.js:126
> zd @ react-dom.min.82e21c65.js:124
> ra @ react-dom.min.82e21c65.js:123
> enqueueSetState @ react-dom.min.82e21c65.js:189
> q.setState @ react.min.ab6b06d4.js:18
> (anonymous) @ index.js?ver=1535811221:1
> (anonymous) @ index.js?ver=1535811221:1
> (anonymous) @ index.js?ver=1535811221:1
> d @ index.js?ver=1535811221:1
> (anonymous) @ index.js?ver=1535811221:1
> w @ index.js?ver=1535811221:1
> (anonymous) @ index.js?ver=1535811221:1
> t.(anonymous function) @ index.js?ver=1535811221:1
> o @ index.js?ver=1535811221:1
> c @ index.js?ver=1535811221:1
> Promise.then (async)
> o @ index.js?ver=1535811221:1
> c @ index.js?ver=1535811221:1
> Promise.then (async)
> o @ index.js?ver=1535811221:1
> c @ index.js?ver=1535811221:1
> Promise.then (async)
> o @ index.js?ver=1535811221:1
> c @ index.js?ver=1535811221:1
> Promise.then (async)
> o @ index.js?ver=1535811221:1
> c @ index.js?ver=1535811221:1
> (anonymous) @ index.js?ver=1535811221:1
> n @ index.js?ver=1535811221:1
> (anonymous) @ index.js?ver=1535811221:1
> p @ index.js?ver=1535811221:1
> f @ index.js?ver=1535811221:1
> (anonymous) @ index.js?ver=1535811221:1
> (anonymous) @ index.js?ver=1535811221:12
> e @ index.js?ver=1535811221:1
> r @ index.js?ver=1535811221:1
> yh @ react-dom.min.82e21c65.js:97
> lg @ react-dom.min.82e21c65.js:120
> mg @ react-dom.min.82e21c65.js:120
> gc @ react-dom.min.82e21c65.js:127
> vb @ react-dom.min.82e21c65.js:126
> ub @ react-dom.min.82e21c65.js:126
> zd @ react-dom.min.82e21c65.js:124
> ra @ react-dom.min.82e21c65.js:123
> Id @ react-dom.min.82e21c65.js:138
> kc @ react-dom.min.82e21c65.js:138
> Sa.render @ react-dom.min.82e21c65.js:194
> (anonymous) @ react-dom.min.82e21c65.js:141
> Hd @ react-dom.min.82e21c65.js:136
> mc @ react-dom.min.82e21c65.js:141
> render @ react-dom.min.82e21c65.js:196
> Fn @ index.js?ver=1535811221:12
> (anonymous) @ post.php?post=668&action=edit:2076
> index.js?ver=1535811221:1 Uncaught (in promise) TypeError: Cannot read
> property 'models' of undefined
>     at wp-seo-replacevar-plugin-810.min.js?ver=8.1:1
>     at index.js?ver=1535811221:1
>     at Array.forEach (<anonymous>)
>     at index.js?ver=1535811221:1
>     at d (index.js?ver=1535811221:1)
>     at lodash.min.59550321.js:49
>     at index.js?ver=1535811221:12
>     at index.js?ver=1535811221:12
>     at dispatch (index.js?ver=1535811221:12)
>     at Array.map (<anonymous>)
> (anonymous) @ wp-seo-replacevar-plugin-810.min.js?ver=8.1:1
> (anonymous) @ index.js?ver=1535811221:1
> (anonymous) @ index.js?ver=1535811221:1
> d @ index.js?ver=1535811221:1
> (anonymous) @ lodash.min.59550321.js:49
> (anonymous) @ index.js?ver=1535811221:12
> (anonymous) @ index.js?ver=1535811221:12
> dispatch @ index.js?ver=1535811221:12
> (anonymous) @ index.js?ver=1535811221:12
> (anonymous) @ index.js?ver=1535811221:12
> dispatch @ index.js?ver=1535811221:12
> (anonymous) @ index.js?ver=1535811221:12
> (anonymous) @ index.js?ver=1535811221:1
> value @ index.js?ver=1535811221:1
> t @ index.js?ver=1535811221:12
> yh @ react-dom.min.82e21c65.js:97
> lg @ react-dom.min.82e21c65.js:120
> mg @ react-dom.min.82e21c65.js:120
> gc @ react-dom.min.82e21c65.js:127
> vb @ react-dom.min.82e21c65.js:126
> ub @ react-dom.min.82e21c65.js:126
> zd @ react-dom.min.82e21c65.js:124
> ra @ react-dom.min.82e21c65.js:123
> enqueueSetState @ react-dom.min.82e21c65.js:189
> q.setState @ react.min.ab6b06d4.js:18
> (anonymous) @ index.js?ver=1535811221:1
> (anonymous) @ index.js?ver=1535811221:1
> (anonymous) @ index.js?ver=1535811221:1
> d @ index.js?ver=1535811221:1
> (anonymous) @ index.js?ver=1535811221:1
> w @ index.js?ver=1535811221:1
> (anonymous) @ index.js?ver=1535811221:1
> t.(anonymous function) @ index.js?ver=1535811221:1
> o @ index.js?ver=1535811221:1
> c @ index.js?ver=1535811221:1
> Promise.then (async)
> o @ index.js?ver=1535811221:1
> c @ index.js?ver=1535811221:1
> Promise.then (async)
> o @ index.js?ver=1535811221:1
> c @ index.js?ver=1535811221:1
> Promise.then (async)
> o @ index.js?ver=1535811221:1
> c @ index.js?ver=1535811221:1
> Promise.then (async)
> o @ index.js?ver=1535811221:1
> c @ index.js?ver=1535811221:1
> Promise.then (async)
> o @ index.js?ver=1535811221:1
> c @ index.js?ver=1535811221:1
> (anonymous) @ index.js?ver=1535811221:1
> n @ index.js?ver=1535811221:1
> (anonymous) @ index.js?ver=1535811221:1
> p @ index.js?ver=1535811221:1
> f @ index.js?ver=1535811221:1
> (anonymous) @ index.js?ver=1535811221:1
> (anonymous) @ index.js?ver=1535811221:12
> e @ index.js?ver=1535811221:1
> r @ index.js?ver=1535811221:1
> yh @ react-dom.min.82e21c65.js:97
> lg @ react-dom.min.82e21c65.js:120
> mg @ react-dom.min.82e21c65.js:120
> gc @ react-dom.min.82e21c65.js:127
> vb @ react-dom.min.82e21c65.js:126
> ub @ react-dom.min.82e21c65.js:126
> zd @ react-dom.min.82e21c65.js:124
> ra @ react-dom.min.82e21c65.js:123
> Id @ react-dom.min.82e21c65.js:138
> kc @ react-dom.min.82e21c65.js:138
> Sa.render @ react-dom.min.82e21c65.js:194
> (anonymous) @ react-dom.min.82e21c65.js:141
> Hd @ react-dom.min.82e21c65.js:136
> mc @ react-dom.min.82e21c65.js:141
> render @ react-dom.min.82e21c65.js:196
> Fn @ index.js?ver=1535811221:12
> (anonymous) @ post.php?post=668&action=edit:2076

New description:

 I've WP 4.9.8 with the latest Gutenburg 3.7.0. When adding pages with
 Gutenberg editor active, at some point, I'm not abble to edit the created
 pages anymore. It results in (almost) a white page. I still see te nav bar
 at the left.

 My console tells me dat value prop in color objects passed by withColors
 HOC is deprecated and will be removed from Gutenberg in 3.9. But thats a
 warning. I get two errors: TypeError: Cannot read property 'models' of
 undefined and Uncaught (in promise) TypeError: Cannot read property
 'models' of undefined.

 **Console output:**
 {{{
 load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,jquery-ui-
 core,jquery-ui-widget,underscore&ver=4.9.8:9 JQMIGRATE: Migrate is
 installed, version 1.4.1
 index.js?ver=1535811221:1 value prop in color objects passed by withColors
 HOC is deprecated and will be removed from Gutenberg in 3.9. Please use
 `color` prop passed in the object instead. Note: This is a global warning,
 shown regardless of whether value prop is used.
 c @ index.js?ver=1535811221:1
 (anonymous) @ index.js?ver=1535811221:12
 n @ index.js?ver=1535811221:1
 (anonymous) @ index.js?ver=1535811221:1
 (anonymous) @ index.js?ver=1535811221:1
 react-dom.min.82e21c65.js:110 TypeError: Cannot read property 'models' of
 undefined
     at wp-seo-replacevar-plugin-810.min.js?ver=8.1:1
     at index.js?ver=1535811221:1
     at Array.forEach (<anonymous>)
     at index.js?ver=1535811221:1
     at d (index.js?ver=1535811221:1)
     at lodash.min.59550321.js:49
     at index.js?ver=1535811221:12
     at index.js?ver=1535811221:12
     at dispatch (index.js?ver=1535811221:12)
     at Array.map (<anonymous>)
 bg @ react-dom.min.82e21c65.js:110
 c.callback @ react-dom.min.82e21c65.js:115
 Jf @ react-dom.min.82e21c65.js:73
 Kf @ react-dom.min.82e21c65.js:74
 jc @ react-dom.min.82e21c65.js:135
 gc @ react-dom.min.82e21c65.js:127
 vb @ react-dom.min.82e21c65.js:126
 ub @ react-dom.min.82e21c65.js:126
 zd @ react-dom.min.82e21c65.js:124
 ra @ react-dom.min.82e21c65.js:123
 enqueueSetState @ react-dom.min.82e21c65.js:189
 q.setState @ react.min.ab6b06d4.js:18
 (anonymous) @ index.js?ver=1535811221:1
 (anonymous) @ index.js?ver=1535811221:1
 (anonymous) @ index.js?ver=1535811221:1
 d @ index.js?ver=1535811221:1
 (anonymous) @ index.js?ver=1535811221:1
 w @ index.js?ver=1535811221:1
 (anonymous) @ index.js?ver=1535811221:1
 t.(anonymous function) @ index.js?ver=1535811221:1
 o @ index.js?ver=1535811221:1
 c @ index.js?ver=1535811221:1
 Promise.then (async)
 o @ index.js?ver=1535811221:1
 c @ index.js?ver=1535811221:1
 Promise.then (async)
 o @ index.js?ver=1535811221:1
 c @ index.js?ver=1535811221:1
 Promise.then (async)
 o @ index.js?ver=1535811221:1
 c @ index.js?ver=1535811221:1
 Promise.then (async)
 o @ index.js?ver=1535811221:1
 c @ index.js?ver=1535811221:1
 (anonymous) @ index.js?ver=1535811221:1
 n @ index.js?ver=1535811221:1
 (anonymous) @ index.js?ver=1535811221:1
 p @ index.js?ver=1535811221:1
 f @ index.js?ver=1535811221:1
 (anonymous) @ index.js?ver=1535811221:1
 (anonymous) @ index.js?ver=1535811221:12
 e @ index.js?ver=1535811221:1
 r @ index.js?ver=1535811221:1
 yh @ react-dom.min.82e21c65.js:97
 lg @ react-dom.min.82e21c65.js:120
 mg @ react-dom.min.82e21c65.js:120
 gc @ react-dom.min.82e21c65.js:127
 vb @ react-dom.min.82e21c65.js:126
 ub @ react-dom.min.82e21c65.js:126
 zd @ react-dom.min.82e21c65.js:124
 ra @ react-dom.min.82e21c65.js:123
 Id @ react-dom.min.82e21c65.js:138
 kc @ react-dom.min.82e21c65.js:138
 Sa.render @ react-dom.min.82e21c65.js:194
 (anonymous) @ react-dom.min.82e21c65.js:141
 Hd @ react-dom.min.82e21c65.js:136
 mc @ react-dom.min.82e21c65.js:141
 render @ react-dom.min.82e21c65.js:196
 Fn @ index.js?ver=1535811221:12
 (anonymous) @ post.php?post=668&action=edit:2076
 index.js?ver=1535811221:1 Uncaught (in promise) TypeError: Cannot read
 property 'models' of undefined
     at wp-seo-replacevar-plugin-810.min.js?ver=8.1:1
     at index.js?ver=1535811221:1
     at Array.forEach (<anonymous>)
     at index.js?ver=1535811221:1
     at d (index.js?ver=1535811221:1)
     at lodash.min.59550321.js:49
     at index.js?ver=1535811221:12
     at index.js?ver=1535811221:12
     at dispatch (index.js?ver=1535811221:12)
     at Array.map (<anonymous>)
 (anonymous) @ wp-seo-replacevar-plugin-810.min.js?ver=8.1:1
 (anonymous) @ index.js?ver=1535811221:1
 (anonymous) @ index.js?ver=1535811221:1
 d @ index.js?ver=1535811221:1
 (anonymous) @ lodash.min.59550321.js:49
 (anonymous) @ index.js?ver=1535811221:12
 (anonymous) @ index.js?ver=1535811221:12
 dispatch @ index.js?ver=1535811221:12
 (anonymous) @ index.js?ver=1535811221:12
 (anonymous) @ index.js?ver=1535811221:12
 dispatch @ index.js?ver=1535811221:12
 (anonymous) @ index.js?ver=1535811221:12
 (anonymous) @ index.js?ver=1535811221:1
 value @ index.js?ver=1535811221:1
 t @ index.js?ver=1535811221:12
 yh @ react-dom.min.82e21c65.js:97
 lg @ react-dom.min.82e21c65.js:120
 mg @ react-dom.min.82e21c65.js:120
 gc @ react-dom.min.82e21c65.js:127
 vb @ react-dom.min.82e21c65.js:126
 ub @ react-dom.min.82e21c65.js:126
 zd @ react-dom.min.82e21c65.js:124
 ra @ react-dom.min.82e21c65.js:123
 enqueueSetState @ react-dom.min.82e21c65.js:189
 q.setState @ react.min.ab6b06d4.js:18
 (anonymous) @ index.js?ver=1535811221:1
 (anonymous) @ index.js?ver=1535811221:1
 (anonymous) @ index.js?ver=1535811221:1
 d @ index.js?ver=1535811221:1
 (anonymous) @ index.js?ver=1535811221:1
 w @ index.js?ver=1535811221:1
 (anonymous) @ index.js?ver=1535811221:1
 t.(anonymous function) @ index.js?ver=1535811221:1
 o @ index.js?ver=1535811221:1
 c @ index.js?ver=1535811221:1
 Promise.then (async)
 o @ index.js?ver=1535811221:1
 c @ index.js?ver=1535811221:1
 Promise.then (async)
 o @ index.js?ver=1535811221:1
 c @ index.js?ver=1535811221:1
 Promise.then (async)
 o @ index.js?ver=1535811221:1
 c @ index.js?ver=1535811221:1
 Promise.then (async)
 o @ index.js?ver=1535811221:1
 c @ index.js?ver=1535811221:1
 Promise.then (async)
 o @ index.js?ver=1535811221:1
 c @ index.js?ver=1535811221:1
 (anonymous) @ index.js?ver=1535811221:1
 n @ index.js?ver=1535811221:1
 (anonymous) @ index.js?ver=1535811221:1
 p @ index.js?ver=1535811221:1
 f @ index.js?ver=1535811221:1
 (anonymous) @ index.js?ver=1535811221:1
 (anonymous) @ index.js?ver=1535811221:12
 e @ index.js?ver=1535811221:1
 r @ index.js?ver=1535811221:1
 yh @ react-dom.min.82e21c65.js:97
 lg @ react-dom.min.82e21c65.js:120
 mg @ react-dom.min.82e21c65.js:120
 gc @ react-dom.min.82e21c65.js:127
 vb @ react-dom.min.82e21c65.js:126
 ub @ react-dom.min.82e21c65.js:126
 zd @ react-dom.min.82e21c65.js:124
 ra @ react-dom.min.82e21c65.js:123
 Id @ react-dom.min.82e21c65.js:138
 kc @ react-dom.min.82e21c65.js:138
 Sa.render @ react-dom.min.82e21c65.js:194
 (anonymous) @ react-dom.min.82e21c65.js:141
 Hd @ react-dom.min.82e21c65.js:136
 mc @ react-dom.min.82e21c65.js:141
 render @ react-dom.min.82e21c65.js:196
 Fn @ index.js?ver=1535811221:12
 (anonymous) @ post.php?post=668&action=edit:2076
 }}}

--

Comment:

 Hi @djvanroest, welcome to WordPress Trac! Thank you for testing
 Gutenberg.

 Until Gutenberg is merged into core, we're tracking its issues on GitHub:
 https://github.com/WordPress/gutenberg.

 If there's still an issue, could you please report it there? Thanks again!

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/44885#comment:2>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform

More information about the wp-trac mailing list