React UI - Self Hosting - White Screen after switching from Flutter

[NEIKOCreative]

Upon Switching from Flutter to React, I am now faced with the infamous white screen. I have followed the steps and suggestions in the following post, but have had no luck. Help would be greatly appreciated in getting this working. There is

Enabling React results in a blank screen

I am having issues with the react link redirecting to login and cannot test it out. Additionally, I am unable to get react app to work for me on my self-hosted installation. I keep getting the infamous white screen of death. I’ve cleared cache, used multiple browsers, and the usual things and it will not work for me.

Blank screen after switching to react ui

@ninjaund There is a fix for this in the latest release.

I am hosting this on a CPanel Installation.

Thanks,
Tim

[hillel]

Hi,

Are you using the latest version of the app?

You can run this SQL query to manually switch back:

UPDATE accounts SET set_react_as_default_ap = 0;

Alternatively. you can also download the desktop app:

OS tools - Invoice Ninja

[NEIKOCreative]

Yes,

I have just updated from the Github to the latest release. I can easily swap back using the Database Query, however I would like to use the React UI as that is my primary interface that myself and others that use the system are used to.

Thanks,
Tim

[hillel]

Which version are you using?

Are there any errors in the browser console?

[NEIKOCreative]

Hello, using version v5.7.16-C125

Getting a ton of errors very similar to this:

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of “text/html”. Strict MIME type checking is enforced for module scripts per HTML spec.

[hillel]

Are you running the app in a subfolder?

[NEIKOCreative]

It is running under the path /public_html/billing.domain.com.au (changed domain for security reasons).

Does there need to be a configuration change to account for this?

I am running on CPanel, but I have admin access if I need to make changes on WHM.

[hillel]

The info in this thread may help:

Client Portal unable to view or download PDF, spinning red-black circle

Self-Hosted, installed via Softaculous on a shared server, not sure where to begin. Happening with version 5.6.31 and 5.7.5 in an existing installation and database as well as a brand new test deployment. When sending an invoice to a client, client receives email and clicks on View Invoice button, which takes them to the Client Portal successfully, but viewing the invoice (or quote) results in a spinning red-black circle and never proceeds. Unable to view or download their invoice. Generatin…

[NEIKOCreative]

But invoiceninja itself is accessed from a flat domain, not a subfolder

Eg. The access domain is billing.domain.com.au NOT billing.domain.com.au/subfolder

Is this link still relevant in this circumstance?

Thanks,
Tim

[hillel]

In that case I’m not sure, @david or @ben may have some suggestions.

[david]

@NEIKOCreative

I am working on this at the moment. There is an issue with the react app updating itself after each version. This should be resolved in the next release.

[NEIKOCreative]

Hello,

Yes, I saw the issue on GitHub and saw the .21 release drop and force upgraded install, everything working now.

Thanks,
Tim