Update to v5.5.22: Console errors

lucaw · September 16, 2022, 8:27am

Hey!
I updated from v5.5.21 to v5.5.22. Now IN isn’t loading anymore, I get a grey screen of death.
Nothing in the log file, but it’s probably related to these errors in the console:

main.foss.dart.js,qv…kiVRs2Wgb3.js:72015 Flutter Web Bootstrap: Auto
canvaskit.js:258 wasm streaming compile failed: TypeError: Failed to execute 'compile' on 'WebAssembly': Incorrect response MIME type. Expected 'application/wasm'.
canvaskit.js:258 falling back to ArrayBuffer instantiation
2
flutter_service_worker.js?v=5.5.22:1 Uncaught (in promise) DOMException: Cache.put() encountered a network error
canvaskit.js:159 Aborted(both async and sync fetching of the wasm failed)
canvaskit.js:257 failed to asynchronously prepare wasm: RuntimeError: Aborted(both async and sync fetching of the wasm failed). Build with -sASSERTIONS for more info.
canvaskit.js:159 Aborted(RuntimeError: Aborted(both async and sync fetching of the wasm failed). Build with -sASSERTIONS for more info.)
canvaskit.js:159 Uncaught (in promise) RuntimeError: Aborted(both async and sync fetching of the wasm failed). Build with -sASSERTIONS for more info.
    at Pa (canvaskit.js:159:75)
    at Bb (canvaskit.js:159:480)
    at canvaskit.js:160:259

I can replicate that in three different browsers.
Is this a bug or an issue on my end?

Thanks and best

hillel · September 16, 2022, 12:24pm

Hi,

Which version did you upgrade from?

Are there any errors in the network tab?

lucaw · September 16, 2022, 2:25pm

Hi @hillel

No errors in the network tab.

hillel · September 16, 2022, 2:33pm

Can you try commenting out this line of code in resources/views/index/index.blade.php

canvasKitBaseUrl: "{{ $canvas_path }}/canvaskit/"

github.com

invoiceninja/invoiceninja/blob/v5-develop/resources/views/index/index.blade.php#L24


      
              src="https://alcdn.msauth.net/browser/2.14.2/js/msal-browser.min.js"
              integrity="sha384-ggh+EF1aSqm+Y4yvv2n17KpurNcZTeYtUZUvhPziElsstmIEubyEB6AIVpKLuZgr"
              crossorigin="anonymous">
            </script>
            @endif
            <script type="text/javascript">
              pdfjsLib.GlobalWorkerOptions.workerSrc = "{{ asset('js/pdf.worker.min.js') }}";
            </script>
             <script>
              window.flutterConfiguration = {
                canvasKitBaseUrl: "{{ $canvas_path }}/canvaskit/"
              };
            </script>
          </head>
          <body style="background-color:#888888;">
          
          
  <style>
          
          
    /* fix for blurry fonts 
              flt-glass-pane {
                  image-rendering: pixelated;

lucaw · September 17, 2022, 2:49pm

It seems to work again in v5.5.23-W93, I just installied it over v5.5.22.
Thanks!

hillel · September 17, 2022, 4:59pm

Glad to hear it, thanks for the update!