Web Stories white screen
-
Hello
I just installed web stories and I see a white screen when I navigate to
Stories > My Stories.Any pointers as to what is broken or needs fixing?
Thanks
Panos- This topic was modified 3 years, 10 months ago by panosgm2017. Reason: typo
-
Yes and yes
Also, I have deleted the plugin via FTP and reinstalled again but the problem persists
Bummer! Thanks for testing.
At this point it would be really beneficial to have database access (see my previous message on this). Is there any way you could reach out to your hosting provider for that? Perhaps they have some security features enabled or something.
Otherwise it’s really impossible for us to know what’s going wrong.
Hi again
I updated most of the plugins and the theme.
I got the following error inside the Web Stories editor when I tried to create a new story<div class=”mce-notification-inner”>Failed to initialize plugin: et_quicktags</div>
Ps I did manage to create a story and it does pass the AMP validation tool
et_quicktags
is not something the Web Stories plugin uses.This is usually caused by the Divi theme. See https://www.ads-software.com/support/topic/failed-to-initialize-plugin/#post-11682189 where lots of people were having similar issues.
Make sure to update Divi to the latest version. If the error still happens, try a different theme and contact Divi support.
Yes, I do have the Divi theme but this is the only plugin that triggers that error.
That said, I updated the site to the latest version of WordPress, and I can edit the newly created web stories but I still can’t edit the old ones.
Besides the previous errors documented in the topic, I get a new error when I preview a story.
The console log error islog.js:258 [amp-story-bookend] Error fetching bookend configuration Cannot read property ‘reduce’ of undefined
fb @ log.js:258
g.Ma @ log.js:313
g.error @ log.js:330
(anonymous) @ amp-story-bookend.js:496
Promise.catch (async)
push.f.g.loadConfig @ amp-story-bookend.js:467
push.f.g.loadConfigAndMaybeRenderBookend @ amp-story-bookend.js:512
Wk @ amp-story.js:2387
h @ amp-story.js:2376
m @ amp-story.js:1555
(anonymous) @ amp-story.js:1559
(anonymous) @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
requestAnimationFrame (async)
x.requestAnimationFrame @ web-animations.install.js:17
c @ web-animations.install.js:17
t @ web-animations.install.js:17
log.js:258 [amp-story-bookend] Error fetching bookend configuration Cannot read property ‘reduce’ of undefined
fb @ log.js:258
g.Ma @ log.js:313
g.error @ log.js:330
(anonymous) @ amp-story-bookend.js:496
Promise.catch (async)
push.f.g.loadConfig @ amp-story-bookend.js:467
push.f.g.loadConfigAndMaybeRenderBookend @ amp-story-bookend.js:512
Wk @ amp-story.js:2387
Kk @ amp-story.js:2121
(anonymous) @ amp-story.js:1350
Promise.then (async)
wk @ amp-story.js:1348
(anonymous) @ amp-story.js:730
S @ events.js:77
push.f.g.next @ amp-story-page.js:1440
(anonymous) @ amp-story-page.js:347
(anonymous) @ page-advancement.js:196
push.f.g.onAdvance @ page-advancement.js:195
push.f.g.onAdvance @ page-advancement.js:900
(anonymous) @ page-advancement.js:848
(anonymous) @ timer-impl.js:86
setTimeout (async)
g.delay @ timer-impl.js:92
push.f.g.start @ page-advancement.js:847
(anonymous) @ amp-story-page.js:532
Promise.then (async)
(anonymous) @ amp-story-page.js:530
Promise.then (async)
push.f.g.Sc @ amp-story-page.js:527
push.f.g.setState @ amp-story-page.js:455
h @ amp-story.js:1472
m @ amp-story.js:1555
(anonymous) @ amp-story.js:1562
Promise.then (async)
(anonymous) @ amp-story.js:1552
push.f.g.ma @ amp-story.js:1551
(anonymous) @ amp-story.js:706
S @ events.js:77
push.f.g.ma @ amp-story-page.js:1465
push.f.g.next @ amp-story-page.js:1451
uk @ amp-story.js:1314
(anonymous) @ amp-story.js:1406
(anonymous) @ page-advancement.js:213
push.f.g.onTapNavigation @ page-advancement.js:212
push.f.g.ie @ page-advancement.js:737- This reply was modified 3 years, 9 months ago by panosgm2017. Reason: typos
@panosgm2017 Could you try updating to the newest version 1.4.0 and let us know if you encounter any issues?
Hello
I did update everything on the WordPress site and these are the errors from Chrome’s console regarding the Web Stories Plugin when I go to edit a newly created story
————————
load-scripts.php:5 JQMIGRATE: Migrate is installed, version 3.3.2 /wp-admin/post.php?post=30905&action=edit#page=%252214cb6ce1-6be8-442b-b077-60ef52400f05%2522:1 [DOM] Found 2 elements with non-unique id #_wpnonce: (More info: https://goo.gl/9p2vKq) <input type=?"hidden" id=?"_wpnonce" name=?"_wpnonce" value=?"c7db79ae0c">? <input type=?"hidden" id=?"_wpnonce" name=?"_wpnonce" value=?"66185d1cf5">? /wp-admin/post.php?post=30905&action=edit#page=%252214cb6ce1-6be8-442b-b077-60ef52400f05%2522:1 [DOM] Found 2 elements with non-unique id #amp_content_editor_nonce: (More info: https://goo.gl/9p2vKq) <input type=?"hidden" id=?"amp_content_editor_nonce" name=?"amp_content_editor_nonce" value=?"a5e92d695b">? <input type=?"hidden" id=?"amp_content_editor_nonce" name=?"amp_content_editor_nonce" value=?"3a9c8f2e51">? /wp-admin/post.php?post=30905&action=edit#page=%252214cb6ce1-6be8-442b-b077-60ef52400f05%2522:1 [DOM] Found 2 elements with non-unique id #qt_ampforwp_custom_content_editor_ed_three_fourth_last: (More info: https://goo.gl/9p2vKq) <input type=?"button" id=?"qt_ampforwp_custom_content_editor_ed_three_fourth_last" class=?"ed_button button button-small" value=?"three fourth last">? <input type=?"button" id=?"qt_ampforwp_custom_content_editor_ed_three_fourth_last" class=?"ed_button button button-small" value=?"three fourth last">? edit-story.js:33 [Web Stories] Tracking event "search" took too long to fire. (anonymous) @ edit-story.js:33 edit-story.js:33 [Web Stories] Tracking event "search" took too long to fire. (anonymous) @ edit-story.js:33 edit-story.js:33 [Web Stories] Tracking event "search" took too long to fire. (anonymous) @ edit-story.js:33 edit-story.js:33 [Web Stories] Tracking event "search" took too long to fire. (anonymous) @ edit-story.js:33 edit-story.js:33 [Web Stories] Tracking event "panel_toggled" took too long to fire. (anonymous) @ edit-story.js:33 edit-story.js:33 [Web Stories] Tracking event "panel_toggled" took too long to fire. (anonymous) @ edit-story.js:33 edit-story.js:33 [Web Stories] Tracking event "timing_complete" took too long to fire. (anonymous) @ edit-story.js:33 edit-story.js:33 [Web Stories] Tracking event "load_media" took too long to fire. (anonymous) @ edit-story.js:33 tinymce.min.js:2 Failed to initialize plugin: et_quicktags ReferenceError: et_quicktags_strings is not defined at t.<computed>.t.<computed>.init (/wp-content/themes/Divi%204.9/epanel/shortcodes/js/editor_plugin.min.js?wp-mce-49110-20201110:1) at Ew (tinymce.min.js:2) at Array.<anonymous> (tinymce.min.js:2) at Object.jt [as each] (tinymce.min.js:2) at Aw (tinymce.min.js:2) at tN.<anonymous> (tinymce.min.js:2) at Array.<anonymous> (tinymce.min.js:2) at jt (tinymce.min.js:2) at u (tinymce.min.js:2) at n (tinymce.min.js:2) Th @ tinymce.min.js:2 DevTools failed to load SourceMap: Could not load content for https:// /wp-content/themes/Divi%204.9/includes/builder/scripts/failure_notice.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE XHR finished loading: POST "<URL>". XHR finished loading: POST "<URL>". XHR finished loading: POST "<URL>". XHR finished loading: POST "<URL>". XHR finished loading: POST "<URL>". XHR finished loading: POST "<URL>". XHR finished loading: POST "<URL>". XHR finished loading: POST "<URL>".
Also, I still can’t edit the previous stories
On a positive note
I can see the newly created stories in
Stories > My Stories
I can duplicate my stories in
Stories > My StoriesHope it helps
@panosgm2017 Thanks for the update.
Could you confirm this error occurs when you have Web Stories installed and the Divi theme activated?
Are you able to switch to a default WordPress theme and edit your stories in an incognito window?
@panosgm2017 Just checking in here – were you able to get things working, or did you still need some help?
@panosgm2017 Since we have not received any response, we will close this topic as resolved. Do feel free to open a new support topic if you encounter any issues in the future. Thanks again for reaching out with this topic!
- The topic ‘Web Stories white screen’ is closed to new replies.