AI Studio Preview com erro de CORS em index.tsx e fs.readFile is not implemented yet

Google AI Studio
1

Olá pessoal,

No Build App Preview do Google AI Studio meu app React/TypeScript quase sempre em algum momento do processo de criação começa a aparecer sem estilos (HTML cru) e com componentes quebrados, mas em dev local e no deploy (Cloudflare Pages) tudo funciona normalmente.

image
image945×642 6 KB

No console do navegador aparecem principalmente:

text

Access to script at 'https://ai.studio/index.tsx' from origin 'https://<...>.scf.usercontent.goog' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header...

GET https://ai.studio/index.tsx net::ERR_FAILED 301 (Moved Permanently)

Uncaught (in promise) Error: [unenv] fs.readFile is not implemented yet!

Parece que o preview tenta carregar index.tsx via https://ai.studio/index.tsx e é bloqueado por CORS, e o runtime também não implementa fs.readFile, o que quebra libs que dependem de Node.​

Minhas perguntas:

  1. Isso é um bug conhecido ou limitação esperada do preview do AI Studio?

  2. Há alguma recomendação oficial para contornar esses erros (por exemplo, config específica, separar código client/server, uso de mocks etc.)?​

Obrigado!

3

Hi @Jose_Marcio ,

Thank you for reaching out!
Please try the following steps:

  • Disable extensions.
  • Try another browser (like Google Chrome)
  • Refresh the AI Studio page or reopen it in a new browser window.
  • Clear browser cache and cookies, then sign in again.

Let us know if the issue still persists!

5

Switching browsers or clearing the cache doesn’t help, but this problem is affecting a specific project, and I can’t get rid of it.