Hi Everyone,
I hope everyone is doing well.
So, for the people facing the problem of their aistudio apps in the build not showing up or not loading faced by this :
Here is a quick solution, which worked for me :
Case 1:
Navigate to the code then to the section of then in the JSON object defining – which is used to import map for browser-based module resolution – change all the occurrences of Google’s domain “esm(dot)sh/” to another Google’s domain “aistudiocdn(dot)com” . So, let say you have in the import Json Object this :
Case 2: Here you’ll have instead of “esm(dot).sh” , you’ll have “aistudiocdn(dot)com”. (sorry I had to omit the https: and the dot out of the domains, as I am a new user” Then you just need to replace all the occurrences of the first domain with the second domain.
Other solutions that you can try in case you tried the above and still you’re faced with the same issue of “Failed to load the app. Try reloading it.”:
0-Clear browser cache, cookies, and site data specifically for ai.google.dev, then reload in an incognito window
1-Disable Chrome extensions, especially ad blockers or VPNs, and test in another browser like Edge.
2- 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.
Feel free to add more in the comment sections in case you found other solutions which help other users.
Thanks for Reading,
For any one who wants to connect or
follow me on LinkedIn here is my LinkedIn: Adil