Hi,
I’m building an app in Google AI Studio and I’m having a persistent issue with my logo image.
Locally, after downloading the project and running it with npm install and npm run dev, the app works perfectly and the logo (Logo.png) loads with no errors.
However, inside Google AI Studio (Preview / deployed app), the logo consistently fails to load and falls back to my error state. In the console I see messages like:
ADHDotech: 'Logo.png' failed to load. Check root directory.
and in the UI I see “Logo Error / Logo.png Not Found”.
Some relevant details:
-
The exact same code and file structure work locally.
-
Logo.pngis present in the project and is referenced correctly (for example viasrc="/Logo.png"or an imported asset). -
The issue only occurs inside AI Studio’s runtime / deployment environment, not in my local dev server.
This makes me think the problem is related to how AI Studio packages or serves static image assets, not to the React/Vite setup itself.
Questions:
-
Is this a known issue with image assets (like
Logo.png) not being copied/served correctly in AI Studio apps? -
Is there a recommended workaround, for example:
-
always loading images from an external URL/CDN, or
-
using a specific folder structure (e.g.
public/Logo.png) that AI Studio supports for static assets?
-
-
Is there any guidance or documentation on how AI Studio expects static images to be organized so they work both locally and in the deployed app?
I can provide screenshots and a minimal reproducible example if needed.
Thank you!