Blank page

Hello everyone, I need some help please.

Summary

I shared link of my App with someone and the person told me that only sees a blank page with streamlit when opening with Chrome on MacOS. I guess there must be something this person can do to solve it like clearing cache or trying a different browser (will try later on today when gets home).
I tried all the browsers on browserstack.com and works fine for me. I canā€™t see anything we are doing wrong.

Expected behavior:
Streamlit authenticator widget, sidebar with 3 pages (including home).

Actual behavior:
Blank page (Chrome MacOS)

Thanks a lot in advance!

1 Like

Hi @Neteresy,

Thanks for posting! Is this the URL (https://msimsi.streamlit.app/) of your app?
If yes, the app is running with no issues.

As youā€™ve stated, the user likely needs to log out of their Streamlit Community Cloud account, clear browser cookies, and then log back in and open the app.

Let me know if this resolves the issue.

1 Like

@Neteresy Today it happened for my app as well. Kindly reboot the application for temporary fix.
@community, Kindly do the permanent fix. In Logs, its got stuck after updated an app.

1 Like

Oh, I forgot to put the link. Good thing you got it from the picture. I deployed it on AWS EC2 now:
www.psypy.com
Do you think this will help prevent that error?
Thanks very much!

Hi @Neteresy,

The link you provided is not working.

Hi @Neteresy,

www.psypy.com is not working. showing DNS error. After Deployed, did you checked whether it was working?.

Your Streamlit app is working as seen below, but the AWS deployment link above is not.

Hello, the issue was that AWS DNS was still propagating since activated the routing with AWS Route 53 to two different servers. And because I didnĀ“t flush the DNS I was still being able to access and didnĀ“t realize. I believe that now itĀ“s working as expected.
Would you be so kind to double check please?
And do you think being hosted in the deployed instances would less likely present the original ā€œblank pageā€ problem?
Thanks again!

Hey, thank you for answering!

tonykip reported the same problem with my link, so I quote the message I just sent to him.

Hello, the issue was that AWS DNS was still propagating since activated the routing with AWS Route 53 to two different servers. And because I didnĀ“t flush the DNS I was still being able to access and didnĀ“t realize. I believe that now itĀ“s working as expected.
Would you be so kind to double check please?
And do you think being hosted in the deployed instances would less likely present the original ā€œblank pageā€ problem?
Thanks again!

Hi Guys I have the same Issue I did what @tonykip recommended but this time is not helping, my app is https://website-kcfrms5eryhe7jt2rqiuxg.streamlit.app/ hope you can help me please.

hello i have the same issues, my app doesnā€™t run on my mac i also shared it with my android phone and the page is still blank.

Hello, I am also experiencing the white screen issue on Mac OS 13.6.1 (22G313) using Chrome with the latest deployment of my Streamlit application https://barge-ai.com. The code base is in a private repo, so I cannot share it.

Prior to the production deployment, clearing browser cookies seemed to resolve the issue. I could also open the application normally in an Incognito window, reinforcing that the issue may be related to caching or cookies.

I have not experienced the issue in previous deployments. It does not happen on Safari; however, I was not logged into the application in Safari previously.

Here are screenshots of the issues reported in Chrome using inspect.


2 Likes

I have same issue ā€œTypeError: Cannot read properties of undefined (reading ā€˜verticalā€™)ā€ from version 1.30.0
With version 1.29.0, that problem doesnā€™t appear.

Hello,
I am encountering an issue with my Streamlit application[Chatbot] , where a blank page randomly appears for a random query. Iā€™ve tried using the dataFrameSerialization = ā€œlegacyā€ approach, but the issue persists. When inspecting the page, the errors Iā€™m seeing look like the following:
TypeError: Cannot read properties of undefined (reading ā€˜verticalā€™)
at Di (main, 1661a802.js:2:4213879)
at wa (main. 1661a802.js:2:2230016)
at wl (main.1661a802.js:2:2287129)
at ze (main.1661a802.js:2:2276235)
at Oc (main.1661a802.js:2:2276163)
at Mc (main. 1661a802.js:2:2276026)
at cc (main, 16612802.js:2:2273142)
at Uo (moin. 1661a802.js:2:2213737)
at rc (main.1661a802.js:2:2270229)
at Object.enqueueSetState (main.1661a802.js:2:2220755)
Uncaught TypeError: Cannot read properties of undefined (reading ā€˜verticalā€™)
at Di (main. 1661a802.js:2:4213879)
at wa (main.1661a802.js:2:2230016)
at wl (moin.1661a802.js:2:2287129)
at zc (main.16618802.js:2:2276235)
at Oc (main. 1661a802.js:2:2276163)
at Mc (main.1661a802.js:2:2276026)
at cc (main.1661a802.js:2:2273142)
at Uo (main. 1661a802.js:2:2213737)
at rc (main.1661a802.js:2:2270229)
at Object.enqueueSetState (main, 1661a802.js:2:2220755)
Any insights on how to address this would be greatly appreciated.

Thank you!

1 Like

Same here, very similar to user11 example;

I have no idea how to debug this, it is also happening locally;