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