I have already cleared cache, disabled extensions, and tried different browsers.
The issue persists when using a mobile hotspot (different network).
1 Like
This behavior usually means the AI Studio web app isn’t completing its authentication or WebSocket initialization with the backend. It can happen if third‑party cookies or local storage are blocked, or if the browser is failing to fetch assets from the *.cloud.google.com domains used by the Build and Preview frames. In Chrome, check Settings > Privacy and security > Cookies and other site data and allow all cookies for ai.google.dev. Then open the DevTools console and confirm no blocked requests or CORS errors appear when reloading the project.
If the screen stays blank even after that, open AI Studio in an incognito window with a fresh Google login and verify that your account has access to the associated project in the Google Cloud Console > IAM & Admin page. Projects without the Vertex AI API enabled or with restricted access can cause the preview to fail silently. After confirming API access, clear the AI Studio site data one more time and reload. If the environment still doesn’t render, capture the failing network requests in the browser console and share them with Google Cloud Support so they can check if the session is hitting a backend error.
—Taz
I have the same experience today morning (CET Time zone), and did all actions what you described above. Plus I tried with projects in the Gallery, but same issues with not rendering. My old projects which are not mobile responsive are working but the new ones are not.
In the meantime I found the solution on Reddit as maybe it is useful for others also:
https://www.reddit.com/r/GoogleAIStudio/comments/1pi52de/react_version_issue/
Here is the quick, two-part fix to get your React project loading.
The Importmap Quick Fix:
First, open the File Editor in the Google AI Studio interface and click on the index.html file. Next, scroll until you locate the block. Then, swap the Domain: replace every instance of https://aistudiocdn.com
withhttps://esm.sh. For example, change “react”: “https://aistudiocdn.com/react@19.2.1” to “react”: “https://esm.sh/react@19.2.1”.
Critically, if your app uses any libraries that rely on React (like lucide-react for icons), you must append ?external=react to the end of their URL (e.g., “lucide-react”: "https://esm.sh/lucide-react@0.556.0?external=react
"). This prevents a crash caused by duplicate React copies.
Finally, click the Save icon in the AI Studio interface and your preview should reload successfully!
Why this works:
The Domain Block occurs because aistudiocdn is a Google-hosted alias for the popular public CDN, esm.sh. Strict firewalls sometimes block newer, specific domains like the AI Studio alias, so switching to esm.sh bypasses this block.
The ?external=react Crash happens when a React-dependent library loads from a CDN; it often includes its own copy of React. If your app has already loaded React, the two copies conflict, leading to fatal errors. The parameter tells the CDN: “Don’t send React; I already have it.”
1 Like
Hi, i am also facing same problem, please help me out.
hello @santhosh_S_R , @Rithika_R
Welcome to the Forum !!
I’m unable to replicate this issue on my end; everything is working as expected. Please let us know if you are still experiencing this problem.
Thanks
still same issue , i am not able to fix this issue. if you have any idea , help me out.
Thank you for bringing this to our attention. We truly appreciate you flagging this issue.
We have escalated this issue to the concerned team.
Same here. Some apps preview is black and some grey. None of my apps are working right now. Last night it was working. There was no updates or restart of my PC. Happens both in Chrome and Edge.
Yep this has just struck me in the last couple hours. I was working on AI studio fine at home, get to work and the app I was working on is blank.
Other apps are OK but when I make changes the app display itself goes blank.
CATASTROPHIC FAILURE!
Same here!! Glad it isnt a client side issue, as ive deduced from the amount of recent posts. I suppose we’ll have to wait for a while.
This is also happening to me today. Just adding to the pile of recent replies. It looks like I am not the only one experiencing this right now.
Same Issue all of my apps are facing this issue. Need this to be fixed as soon as possible. Glad to know it’s not only me!
I am confirming this issue is critically affecting my account as well. Suddenly, across roughly 300 projects, the AI Studio preview fails to render (White Screen of Death).
Technical details observed:
AI Studio: Browser console shows multiple blocked by CORS policy errors pointing to https://esm.sh/react@19.2.3. It appears the generated code defaults to an unstable React 19 version which is being blocked by the CDN or browser security policies.
Cloud Run: Simultaneously, my live production sites are experiencing extreme cold start latency, causing timeouts for clients.
This is a production blocker affecting live client projects. Is there an official workaround to force stable React 18 imports in AI Studio globally, or is a fix for the esm.sh CORS policy incoming?
Hello @SENSEIOG , @Jason_Bailey , @FGC9 , @bmt , @Juan_Vargas1 ,
We truly appreciate you flagging this issue, we have already filed a bug internally.
thanks
I was so delighted when I came across Google AI Studio and ended up developing few apps for myself. Everything was going so nice until two weeks back when suddenly I started getting black/ white screen of death. Initially it was like sporadic but now from last one week nothing shows up. If I edit any previously working app, screen goes black. No new applications are loading. I spent hours thinking might be something I am doing wrong, but nothing worked. Not sure what to do, never expected such a good platform will end up like this that too so quickly. Hope this is not intentional and things will be working soon.
Changing the DND to 8.8.8.8 fixed my issue
For those you dont know , search adding new dns for mac/windows for your network in youtube