Forum Discussion

RamonaMeyer's avatar
RamonaMeyer
Community Member
4 days ago

Guidance for going from a finished vibe coding project (Lovable) to inserting into Rise

I completed a project in Lovable, downloaded the zip file (after connecting it to my github), and uploaded it to Rise, but received an error.  The error simply says:

"Something went wrong

Try refreshing the page or entering your code again. If the issue isn't fixed, visit our community."

 

I chatted with the Lovable AI, and it told me "You can't just open the index.html file directly - this is the source code, not a built/compiled version of your app."  (I also tried opening the index.html from my computer and it only displayed a blank screen.)

It went on to say I need to build the project locally through Node.js. This is beyond my knowledge, so I'm just trying to follow the steps given to me.

Is this my only option to be able to upload into Rise?  I don't have admin access to install Node.js on my computer.

 

Thanks!

3 Replies

  • MatthewKliewer's avatar
    MatthewKliewer
    Community Member
    3 days ago

    Hi Ramona - you might be able to have Lovable create a "built" version of the same output that doesn't require a build step (it just outputs HTML/CSS/JS that can be embedded in Rise or uploaded to the web directly).

    If not, there are some browser Node sandboxes that can install and run to build the code - Stackblitz used to, but it looks like they've perhaps moved focus to related tech and AI. CodeSandbox is another.

    I think making sure Lovable (or other vibe code tools) knows that you want static HTML/CSS/JS output that can go straight on the web might be the easiest way, if you don't have access to build tools.

  • RamonaMeyer's avatar
    RamonaMeyer
    Community Member
    3 days ago

    I did start the prompt as articulate recommended, but maybe that got lost at some point since it was the very beginning.  

    1. Create an index.html file that can contain HTML, CSS, and JavaScript and doesn't include web calls
    2. This index.html file will be used inside an <iframe>
    3. In the index.html file, …..

    I will try some of your suggestions and see where it goes!

  • KocoBudo-75d0c4's avatar
    KocoBudo-75d0c4
    Community Member
    3 days ago

    I have used lovable and it codes with a framework like react. So once you have connected to github and downloaded it, put into a LLM like chat gpt and ask it to convert the package into the following:

    1. Just HTML, css, JS that is compatible without web calls. 

    2. This `index.html` file will be used inside an `<iframe>`

    Usually, that works for me. Sometimes Ill have to tweak but not much.