"Failed to load the app. Try reloading it." Error Loop

Google AI Studio
,
1

Over the last week, I haven’t been able create or load a single app. None of my saved apps will render. I keep getting the following error:

Failed to load the app. Try reloading it.

I hit auto-fix and it proceeds to “FIX” it displaying the following response:

“An analysis of the application’s configuration revealed conflicting dependency versions within the importmap in index.html. The application was attempting to load two different major versions of React (v18 from esm.sh and v19 from aistudiocdn), which is a common cause for application startup failures.

To resolve this, I have removed the conflicting entries from aistudiocdn, ensuring that the application consistently uses the React v18 dependencies specified from esm.sh. This change will correct the loading error and allow the app to run as intended.”

Apps still don’t render, blank preview and the loop starts over.

Anyone else experiencing this, and if so, is there a fix?

Thanks!

6 Likes
3

I am experiencing the same issue as well.

Across all applications and various browsers, I’ve encountered this issue. I even developed a new application, only to be met with the same problem.

2 Likes
4

Same issue and I’m in the middle of a breakthrough in my app!!! Ahhh :weary_face:

1 Like
5

Same here… through all of my apps

1 Like
6

Será que o problema da Clodflare podem estar interferindo nas funcionalidades do AI Studio? Nenhum dos meus aplicativos carregam, alguém tem alguma atualização sobre a origem do problema?

7

Hello! Why has this post been hidden? I’m just trying to get help finding a solution. Is there something I did wrong on the post?

Thanks!

8

Hi @Fabricio_Villela, @Max_Jividen, @Claude-H_Njikam

Thanks @Blackstarr suggested for suggesting the resolution.

The issue could be with network security settings, firewalls, or ad-blockers that are incorrectly blocking a critical Google domain: aistudiocdn.

Here is a step-by-step guide to resolve this issue, based on successful fixes from fellow community members.

Whitelist the aistudiocdn Domain:

Your Internet Service Provider (ISP) or home router may be automatically blocking this domain as a “spam” or “malware” threat. You need to manually allow it.

  1. Check Your ISP/Router App: Open your ISP’s management app (e.g., AT&T users should check the AT&T Smart Home Manager app) or log into your router’s admin panel.
  2. Look for Security Alerts: Navigate to the security, firewall, or advanced settings section. Look for a list of “blocked threats” or security notifications.
  3. Find and Allow aistudiocdn: You should see aistudiocdn listed as a blocked domain. Select it and choose the option to “Allow Access,” “Unblock,” or “Whitelist.”
  4. Reload AI Studio: Once you have allowed the domain, refresh your AI Studio page. It should now load correctly.

Optional Steps: Some users found disabling Your Ad-Blocker and clearing browser cache to be helpful as well.

Reference link to users who succeeded in resolving the issue.

Please try the above steps and let us know if you are still facing the issue.

1 Like
9

Me too!! Fix the following errors:
Failed to load the app. Try reloading it. Where is my App!

11

Your ISP is likely blocking the domain. I had the same issue under AT&T. Go to your smarthome app and check your notifications(This is the easiest way to fix this). You can see that it blocked the domain and give it access from the notification itself. Other ISP, not so sure. Good luck!

1 Like
13

@Blackstarr I’ve encountered this issue on several occasions. To rectify it, here’s my approach:

1. Open the developer tools (inspector) in Google AI Studio.

2. Navigate to the console and refresh the application using the ‘reload app’ button.

3. Subsequently, you should observe a precise error message that can be furnished to Gemini for resolution. For instance, I encountered: Failed to load resource: the server responded with a status of 404 () Failed to load resource: the server responded with a status of 404 () esm.sh/@google/genai@0.1.2:1 Failed to load resource: the server responded with a status of 404 () 83b9f48f-ded6-46a9-a178-6dbd815d813d:346 Failed to load the app. Try reloading it. 1 GET https://esm.sh/@google/genai@0.1.2 net::ERR_ABORTED 404 (Not Found) 966ae35a-e7aa-4d99-a7d8-327fdddedbe8:346 Failed to load the app. Try reloading it. I provided this information to the AI, and it resumed functioning. Google should also consider incorporating the client console for error messages. I hope this proves beneficial.

1 Like
15

I spent a full two days thinking I was doing something wrong. Used up all my credits in a loop that it insisted it was fixing but never did.

16

Seen as this is happening to all apps, and I have now ISP issues, could this not be liked to rate limits or something like that?

18

that was the fix for me. If anyone has AT&T double check if it not blocking aistudiocdn

1 Like
20

SOLVED !!! turn off your VPN and then they all worked for me.

1 Like
22

I deleted this whole part in index.html:

<script type="importmap">
{
  "imports": {
    "react": "https://esm.sh/react@18.3.1",
    "react-dom": "https://esm.sh/react-dom@18.3.1",
    "react-dom/client": "https://esm.sh/react-dom@18.3.1/client",
    "@google/genai": "https://esm.sh/@google/genai@0.1.1",
    "lucide-react": "https://esm.sh/lucide-react@0.309.0",
    "uuid": "https://esm.sh/uuid@9.0.1",
    "firebase/app": "https://esm.sh/firebase@10.8.0/app",
    "firebase/firestore": "https://esm.sh/firebase@10.8.0/firestore",
    "firebase/": "https://aistudiocdn.com/firebase@^12.6.0/",
    "react/": "https://aistudiocdn.com/react@^19.2.0/",
    "react-dom/": "https://aistudiocdn.com/react-dom@^19.2.0/"
  }
}
</script>

Then when saving it regenerated it, and it worked.

2 Likes
24

This solution worked for me!

2 Likes
25

This did it! Thank you so much!!!

1 Like
26

It worked for me. Thanks

28

Please see my troubleshooting guide here to fix this issue: