Blank gray screen after update to 5.3.56

hillel · February 8, 2022, 6:03pm

Are you able to login using a different browser?

elysian · February 8, 2022, 6:03pm

I’ve tried Chrome, Firefox, Edge.
But to no avail.

hillel · February 8, 2022, 6:10pm

Do you see the login screen?

Are you able to login with the mobile and/or desktop app?

elysian · February 8, 2022, 6:11pm

This is what I see.
This is a collaboration effort project by my team, none of us can login anymore.

hillel · February 8, 2022, 6:17pm

Are there any errors in the browser console?

Are you able to login with the mobile and/or desktop app?

elysian · February 8, 2022, 6:30pm

No errors whatsoever on the browser.
The desktop app does work like intended though.
But i’d like to have access through the browser too.
Follow up: we can access and login through mobile phones, but not on any of our computers. Seems to be a cache problem?

hillel · February 8, 2022, 6:33pm

Have you checked the browser console?

elysian · February 8, 2022, 6:41pm

Hello again
Browser console:
main.foss.dart.js?v=5.3.56:158 Refused to load the script ‘https://unpkg.com/canvaskit-wasm@0.31.0/bin/canvaskit.js’ because it violates the following Content Security Policy directive: "script-src
Refused to load manifest from ‘https://xxx.mydomain.xx/manifest.json?v=5.3.56’ because it violates the following Content Security Policy directive: “default-src ‘none’”. Note that ‘manifest-src’ was not explicitly set, so ‘default-src’ is used as a fallback.

hillel · February 8, 2022, 7:01pm

I’m not sure, @david do you have any thoughts?

It may help to add ?build=html to the URL

elysian · February 8, 2022, 7:03pm

After looking into the error, it seems that it’s not an InvoiceNinja problem, rather the CSP setting is blocking my website.
Thanks for your time, good night

kcshaw · October 28, 2023, 5:23am

The latest update to v5.7.34-C84 seems to have triggered this, or something like it, for me. Adding “?build=html” does allow it to work in a browser (Firefox & Chrome on linux; Brave, Edge, & Chrome on Windows), but only if I leave that in there. Otherwise I only get a blank page. It appears to work fine with mobile (Android) and Windows desktop apps.

I have no savvy with the browser “console” but as a starting point I see errors relating to “/canvaskit/chromium/canvaskit.js:1” and “main.foss.dart.js”, same in all browsers tried.

Slopz · October 28, 2023, 8:26am

I am facing the same issue after the latest update

hillel · October 28, 2023, 4:42pm

Hi,

It’s a bug, we’re working to fix it.

In the meantime the desktop apps should be working.

hillel · October 28, 2023, 4:49pm

As a workaround it may help to comment out this line of code:

github.com

invoiceninja/invoiceninja/blob/v5-stable/resources/views/index/index.blade.php#L38


      
            })(window,document,'script','dataLayer','GTM-WMJ5W23');</script>
            <!-- End G Tag Manager -->
          
          
  @endif
            <script type="text/javascript">
              pdfjsLib.GlobalWorkerOptions.workerSrc = "{{ asset('js/pdf.worker.min.js') }}";
            </script>
             <script>
              window.flutterConfiguration = {
                @if(!\App\Utils\Ninja::isHosted())
                  canvasKitBaseUrl: "{{ $canvas_path }}/canvaskit/"
                @endif
              };
            </script>
          </head>
          <body style="background-color:#888888;">
          
          
  @if(\App\Utils\Ninja::isHosted())
              <!-- Google Tag Manager (noscript) -->
              <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WMJ5W23"
              height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

hillel · October 29, 2023, 5:46am

A new release is available with a fix for the web app.

sdggq · October 29, 2023, 4:28pm

Pulled latest build, same thing - gray screen.
Firefox

Chrome

Was able to get to web interface with ?build=html

Cleared cache, same thing.

@Slopz @kcshaw could you confirm update fixed your issue?

hillel · October 29, 2023, 4:34pm

I’m not sure, other people have responded that the new version fixed the issue for them.

Do you see the folder public/canvaskit/chromium?

Note: it looks like this folder is available in the v5-develop branch not v5-stable.

Slopz · October 29, 2023, 4:44pm

I can confirm the update fixed the issue for me, I’m using a Chromium based browser.

sdggq · October 29, 2023, 4:50pm

For some reason, I have it in

user@ubuntu:~/docker$ ls -luah public/canvaskit/chromium
total 5.1M
drwxrwxr-x 2 1500 1500 4.0K Oct 29 16:17 .
drwxrwxr-x 4 1500 1500 4.0K Oct 29 16:17 ..
-rw-rw-r-- 1 1500 1500  92K Oct 28 23:23 canvaskit.js
-rw-rw-r-- 1 1500 1500 5.0M Oct 28 23:23 canvaskit.wasm

My installation is docker

docker pull invoiceninja/invoiceninja

Guess I’ll nuke it, since it’s my staging env. and reinstall.

kcshaw · October 30, 2023, 4:22am

It’s fixed for me in v5.7.36-C127. Thanks!