Prototyper does not load, possible solution

General
1

I have this issue from yesterday in the middle of troubleshooting errors, suddenly prototyper stop working. but you can access code in Code Window.

After, trying Reset on project several times, nothing works. Tried removing context, did not work.

here is the possible solution you can get back to working with project.

i bring the project bring back to prototyper view and started coding again with AI on my project.

This is only work around, not official recommended till developers fix this issue. [More or less take me 30 - 45 mins process, better than wasting time on why it doesn’t work at this point]

these are the steps i did:

  1. Go to code view of the project, remove node_modules folder & package-lock.json file in root folder. In my project root folder is ‘studio’

  2. Right click on studio folder, use the option ‘Zip & Download’, this will download entire folder locally. Make sure where is it downloaded and place it in somewhere, where you can remember for next steps.

  3. Go to your main projects dashboard page in firebase studio, https://idx.google.com/

Create a new project with AI again by asking the prompt under ‘Prototype an app with AI’, same way like what you initially did for last project or copy paste from blueprint.md from last project. [studio/docs/blueprint.md]

AI will create prototype and finally creates new project structure and opens the preview. Now go to code view of the new project, to follow next steps.

  1. Go to root folder, Rename the src/ folder to src-backup/ [you can remove this backup folder later if all working as expected]

  2. Create a new src/ folder under root folder.

  3. Start creating all folders and sub folders same as previous project under new src/ folder

  4. Now right click on each folder you have created and use the option ‘Upload’ to upload the files from previous project folders [make sure all files picked and uploaded in corresponding folders, this should include src/ and its each and every sub folders]

  5. In Root folder studio/, Make sure copy & paste vars in .env or .env.local files from previous project to new project.

  6. Copy & paste ‘dependencies’ & ‘devDependencies’ objects from package.json in previous project to new project.

  7. Open new terminal from menu option

  8. On terminal, on root level run ‘npm intall’ this will install all node modules from new package.json file and creates new package-lock.json file.

  9. Final step: Go back to firebase studio project dashboard, and find your new project, and Restart the project.

Go to new project to see your previous project back in Prototyper, you should see all of your old project into new project

Note: Again this is just a work around to bring back your project progress. Let me know if it works for you. Happy coding!