The Browser can't be loaded only White Browser

Self-Hosted | v5
1

I’m running Self Hosted in Docker and after installing the latest update the page can’t be accessed from the browser. i beleive there is an issue with the react.

the errors i recaive in my browser:
1- 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.

2-You need to enable JavaScript to run this app.

2

The Service is running By Phone app

3

Hi,

You can run this SQL query to change to the Flutter web app. If the mobile app is working then the desktop app should work as well.

UPDATE accounts SET set_react_as_default_ap = 0;

@david do you have any suggestions for the React error?

4

I see there are several similar threads on the forum about the web app is not shown in a browser.
And it looks like this one is the newest one. So, I’ll add my 2 cent to the topic.

Today In installed a fresh new environment from a docker hub, the image tag 5.10.4.
(https://hub.docker.com/r/invoiceninja/invoiceninja)

The app works in the desktop app. But it doesn’t appear in a web browser.

With

UPDATE accounts SET set_react_as_default_ap = 1;

the browser console shows the following errors:

07:31:32.699 bundle.js:1 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.
07:31:32.929 favicon.ico:1 GET https://invoiceninja.domain.com/favicon.ico 403 (Forbidden)
07:31:33.261 manifest.json:1 Manifest: Line: 1, column: 1, Syntax error.

And with

UPDATE accounts SET set_react_as_default_ap = 0;

the browser console shows the following errors:

07:33:48.293 invoiceninja.domain.com/:10 GET https://invoiceninja.domain.com/js/pdf.min.js net::ERR_ABORTED 404 (Not Found)
07:33:48.294 (index):12 Uncaught ReferenceError: pdfjsLib is not defined at (index):12:5
(anonymous) @ (index):12
07:33:48.299 invoiceninja.domain.com/:154 GET https://invoiceninja.domain.com/main.foss.dart.js?v=5.10.4 net::ERR_ABORTED 404 (Not Found)
07:33:48.509 favicon.ico:1 GET https://invoiceninja.domain.com/favicon.ico 403 (Forbidden)
07:33:48.548 A bad HTTP response code (404) was received when fetching the script.
07:33:48.549 invoiceninja.domain.com/:1 Uncaught (in promise) TypeError: Failed to register a ServiceWorker for scope ('https://invoiceninja.domain.com/') with script ('https://invoiceninja.domain.com/flutter_service_worker.js?v=5.10.4'): A bad HTTP response code (404) was received when fetching the script.
07:33:48.786 /manifest.json?v=5.10.4:1 GET https://invoiceninja.domain.com/manifest.json?v=5.10.4 404 (Not Found)
07:33:48.787 /manifest.json?v=5.10.4:1 Manifest: Line: 1, column: 1, Syntax error.

So, both (Flutter and React) web apps don’t work properly in the version 5.10.4.

As I understand, there are successful and less successful docker container builds. The issue can be fixed in next versions.

Is there any chance that I can somehow fix it in the current version (5.10.4)?

5

I believe we have a fix for this pending

Note: you should be able to use the desktop Flutter app.

6

Thank you for the prompt reply, @hillel
Will the fix be added to the next docker container release?
And probably, you can give a clue when is going to be?

7

I assume it will be included in the next release, sorry I can’t provide future ETAs.

8

Hello guys,

after updating my Invoice Ninja over Docker Compose I’ve got the same problem.

Greetz!

9

After today’s Docker-compose-pull-update to version 5.10.7 it’s working again. Thanks for your fast update!

1 Like
10

Hello.

I’m experiencing this same issue, with version v5.13.18-C183

I’d love to keep using the React UI, specially considering I can’t download the linux desktop client as snapcraft errors out with 503 service unavailable when trying to get it.

I welcome any help or suggestions, thanks

11

Sorry, I’m not sure I follow. You mention using the React app but the version is the Flutter web app.

Have you. tried Flatpak for Linux?

12

I’ve been forced to use react, on the web, or, the old non flutter version of the web if my terms are wrong, otherwise I get the blank page problem.

And I can´t get the app on snapcraft, trying to get to the app’s page errors out. (I would like to be able to use the web version anyhow).

I’m using a docker install on my server.

13

The React app is the new web app, the Flutter web app is the old one. If you’re seeing a problem with the React web app feel free to create an issue here:

If you haven’t already I suggest trying the Flatpak app, it’s another option for Linux.