React UI - White Screen

Self-Hosted | v5
1

When navigating between different sections within the invoices tab such selecting the “New Invoice” button, the screen will go white. If refreshed, the page will show. Issue occurs also when sending a invoice via the React UI or selecting an option from the “More Actions” menu that triggers a transfer to a different page.

Please let me know if you require any logs or further information.

Thanks!

2

Hi,

@david @ben do you have any suggestions?

3

@NEIKOCreative

Are you using the build that is bundled with the release file? It will help if you can give some additional details in how you have installed the application.

Also any browser console errors that may be present.

4

@david

Hello, apologies for not providing further information.

I am currently using the bundled build version in v5.6.5-C121.

Here is the console output for the page:

Uncaught SyntaxError: Unexpected token '<'
@tinymce-bbf3ac82.js:1  Uncaught Error: tinymce should have been loaded into global scope
    at n.initialise (@tinymce-bbf3ac82.js:1:7735)
    at c (@tinymce-bbf3ac82.js:1:10804)
    at p (@tinymce-bbf3ac82.js:1:4596)
    at o (@tinymce-bbf3ac82.js:1:4353)
    at HTMLScriptElement.u (@tinymce-bbf3ac82.js:1:4040)
4react-dom-1d34f3af.js:16  Error: tinymce should have been loaded into global scope
    at n.initialise (@tinymce-bbf3ac82.js:1:7735)
    at c (@tinymce-bbf3ac82.js:1:10804)
    at p (@tinymce-bbf3ac82.js:1:4596)
    at Object.n [as loadScripts] (@tinymce-bbf3ac82.js:1:4660)
    at l (@tinymce-bbf3ac82.js:1:5247)
    at Object.o [as loadList] (@tinymce-bbf3ac82.js:1:5287)
    at t.componentDidMount (@tinymce-bbf3ac82.js:1:10910)
    at no (react-dom-1d34f3af.js:16:31491)
    at Js (react-dom-1d34f3af.js:16:31280)
    at Js (react-dom-1d34f3af.js:16:31191)
bl @ react-dom-1d34f3af.js:16
react-dom-1d34f3af.js:14  Uncaught Error: tinymce should have been loaded into global scope
    at n.initialise (@tinymce-bbf3ac82.js:1:7735)
    at c (@tinymce-bbf3ac82.js:1:10804)
    at p (@tinymce-bbf3ac82.js:1:4596)
    at Object.n [as loadScripts] (@tinymce-bbf3ac82.js:1:4660)
    at l (@tinymce-bbf3ac82.js:1:5247)
    at Object.o [as loadList] (@tinymce-bbf3ac82.js:1:5287)
    at t.componentDidMount (@tinymce-bbf3ac82.js:1:10910)
    at no (react-dom-1d34f3af.js:16:31491)
    at Js (react-dom-1d34f3af.js:16:31280)
    at Js (react-dom-1d34f3af.js:16:31191)

I hope this provides some insight. Is the standalone React Build in a more stable state?

Thanks,
Tim

5

Hi NEIKO, I have the same problem. If you solve, please let us know.
The same (white screen) occurs when I try to edit an invoice. Sometime works, sometime blank screen.

I tried different queue modes. Even though the operation was faster (queue database and redis) the blank screen was not solved.

6

Same issue, I guess…

7

Yeah, I’m seeing the same thing. The React FE responds WAY faster, as expected, so I’m going to try using it (and refreshing white pages) anyway. :slight_smile:

8

I have a fix for this issue coming in the next release, i need to bundle tinymce into the build.

2 Likes