WSOD on mobile

[ivanjaros]

I have a Quasar website where I have noticed that if i open it on mobile phone, in ddg browser or brave, i will get only white screen. It is not ssl certificate issue, the website works on desktop and in chrome desktop when i switch to mobile. So it happens only on actual mobile device and I have no way of debugging it since there is not even access to JS console. My android phone is not outdated(few years old) and i have updated OS on it as well.

Any idea where to look at or what might be causing it?

[stefanvanherwijnen]

https://developer.chrome.com/docs/devtools/remote-debugging

No way to know without checking the console on your phone.

[stefanvanherwijnen]

Can you copy the missing (404) and working URL's and post them here?

[ivanjaros]

Sounds very similar to my problem, though nothing worked https://stackoverflow.com/questions/8126205/404-error-on-mobile-device-but-works-on-pc-browser

The page is Quasar SPA and it seems anything routed to index is not working but fetching some asset is ok.

[ivanjaros]

I checked and my version of web view on my phone is 135.0.7049.100 but i cannot change to anything else.

[stefanvanherwijnen]

This is what I get:

CQY6I440.js:2 [Quasar] boot error: ReferenceError: SharedWorker is not defined
    at new <anonymous> (Dpasi6Xv.js:1:74654)
    at Dpasi6Xv.js:1:74638
(anonymous) @ CQY6I440.js:2
CQY6I440.js:2 TypeError: Cannot read properties of undefined (reading 'page')
    at Rt.fn (CQY6I440.js:2:568852)
    at ve (CQY6I440.js:2:7246)
    at get value (CQY6I440.js:2:18072)
    at CQY6I440.js:2:568639
    at Proxy.created (CQY6I440.js:2:568818)
    at Pt (CQY6I440.js:2:19849)
    at Bt (CQY6I440.js:2:19911)
    at Bt (CQY6I440.js:2:20021)
    at Ao (CQY6I440.js:2:37395)
    at Co (CQY6I440.js:2:37004)
(anonymous) @ CQY6I440.js:2
CQY6I440.js:2 TypeError: Cannot read properties of undefined (reading 'config')
    at C9GiJWBU.js:1:1628
    at CQY6I440.js:2:598849
    at r (CQY6I440.js:2:598537)
    at CQY6I440.js:2:598840
    at new Promise (<anonymous>)
    at CQY6I440.js:2:598610
    at Object.runWithContext (CQY6I440.js:2:40264)
    at y (CQY6I440.js:2:604994)
    at CQY6I440.js:2:608645

Seems to be an error in one of your boot files.

[stefanvanherwijnen]

https://stackoverflow.com/questions/54290678/android-chrome-sharedworker-issues

https://caniuse.com/?search=SharedWorker

[ivanjaros]

I have installed Firefox Mobile and the website works on it. DuckDuckGo browser and Brave are both based on Chrome, so it is purely Chrome issue. Not sure yet what it is but it is a good news.

Also, this is in my build section of quasar config. Maybe it is outdated?

target: {
        browser: [ 'es2022', 'firefox115', 'chrome115', 'safari14' ],
        node: 'node20'
      },

[ivanjaros]

So I have spent more than two solid hours on this today but I just could not figure anything out. The backend is behaving properly and only android+chrome combination is having issue. I have no clue what to do here...