Elements not appearing in Pro editor on most pages

Beta
#1

We recently updated to the beta, and while our pages show up properly on the front end, we’ve found that some of them do not display their elements in the Pro editor. The elements are listed on the left bar, but we can’t see the elements in the preview window. Interestingly, this isn’t affecting some pages (although most are experiencing the issue).

Below is one example of the editor showing the sections and elements on the left, but with no content displaying in the preview window (just showing the header, footer and rev slider).

Screenshot_4
Screenshot_41919×773 175 KB

And below is from a different page but this is one that is working, showing all the elements in the preview window.

Screenshot_5
Screenshot_51897×857 219 KB

We also found that this is one 9 errors that appear in the developer console when opening the problematic pages in the editor (in case it helps any):

react-dom.min.js?ver=16.9.0:103 ReferenceError: Cannot access ‘t’ before initialization
at app.45bcdb1.js:42
at Object.useMemo (react-dom.min.js?ver=16.9.0:205)
at useMemo (react.min.js?ver=16.9.0:32)
at app.45bcdb1.js:42
at je (react-dom.min.js?ver=16.9.0:78)
at Rg (react-dom.min.js?ver=16.9.0:87)
at ph (react-dom.min.js?ver=16.9.0:218)
at lh (react-dom.min.js?ver=16.9.0:126)
at O (react-dom.min.js?ver=16.9.0:121)
at ze (react-dom.min.js?ver=16.9.0:118)

1 Like
#2

Hi @soontario,

Thanks! This was super helpful. Was able to quickly track it down and fix the issue. Once the next patch is live you’ll see this corrected in your site.

#3

Thanks @alexander, we’ve updated to the newest beta version, and it seems like the issue is still persisting. We are seeing different errors this time around though in the developer console:

ReferenceError: createComponentFromMarkup is not defined
at app.cf42ced.js:42
at app.cf42ced.js:42
at je (react-dom.min.js?ver=16.9.0:78)
at qe (react-dom.min.js?ver=16.9.0:89)
at Tg (react-dom.min.js?ver=16.9.0:88)
at Sg (react-dom.min.js?ver=16.9.0:88)
at ph (react-dom.min.js?ver=16.9.0:221)
at lh (react-dom.min.js?ver=16.9.0:126)
at O (react-dom.min.js?ver=16.9.0:121)
at ze (react-dom.min.js?ver=16.9.0:118)

Another couple things we’ve tried:

  • From one of the pages where we couldn’t see the content in the editor, we saved the content as a template to see if we could apply that template to a new page or a page that we know already works in the editor. However, when we added that template to the page, it caused all of the content on the page to disappear from the editor window, including the elements that we could see before adding the template
  • We tried removing one element at a time from the problematic pages to see if we could isolate whether the issue was coming from one specific element with no success; the editor would not display any content regardless of what we removed
  • It seems like recreating the content from the affected pages from scratch works, so there might be some kind of issues with the content created prior to the update
  • One of the older pages (pre-beta) that we had that was in the trash we have since restored and all of its elements are rendering as they should in the editor
#4

Hey James, try this development build. Let me know if this gets you squared away: https://www.dropbox.com/s/8rdjl114xobdmfk/pro.zip?dl=0

#5

Thanks @alexander, this seems to have fixed the issues!

#6

Ok great! Thanks for confirming.