This is my first time creating this type of page. I made it with Google AI Studio, but I don’t understand why it’s not working; it just appears blank.
link to the page: https://app-planificacion-salud.vercel.app/
Repository link: GitHub - 2008sebastianvergara-coder/App-planificacion-Salud: App
If anyone could help me, I would be very grateful!
Hi, it looks like your app isn’t importing the javascript bundle
You can fix this by adding the import script to your index.html
<script type="importmap">
{
"imports": {
"react": "https://aistudiocdn.com/react@^19.2.1",
"react/": "https://aistudiocdn.com/react@^19.2.1/",
"lucide-react": "https://aistudiocdn.com/lucide-react@^0.556.0",
"@google/genai": "https://aistudiocdn.com/@google/genai@^1.32.0",
"react-dom/": "https://aistudiocdn.com/react-dom@^19.2.1/",
"@vitejs/plugin-react": "https://aistudiocdn.com/@vitejs/plugin-react@^5.1.2",
"vite": "https://aistudiocdn.com/vite@^7.2.7"
}
}
</script>
+ <script type="module" src="/index.tsx"></script>
</head>
If you still see a blank page after that, right click on the page → Inspect Element → Console to see any errors.
One possible error you’ll get is a missing API_KEY environment variable, which you’ll need to set to your Gemini API Key in your Vercel Dashboard by going to your project → Settings → Environment Variables
Thank you so much! That was the solution, now it works perfectly
I was with the same problem, thank you guys! Now solved!!