vibesdk icon indicating copy to clipboard operation
vibesdk copied to clipboard

Failed to install external React packages

Open harryworkbiz opened this issue 4 months ago • 2 comments

What’s the correct way to add external React/JS libraries to VibeSDK projects? I’ve tried installing third-party components, but I keep getting a “Failed to execute commands” error. Could this be because VibeSDK’s architecture doesn’t support adding arbitrary React packages, or is there a mismatch between VibeSDK’s stack and the libraries I’m trying to install?

For example, I’ve tried adding packages like Plate UI and Fancy Components, but they both fail to install.

harryworkbiz avatar Nov 11 '25 08:11 harryworkbiz

Could this be because VibeSDK’s architecture doesn’t support adding arbitrary React packages

That shouldn't be the reason, almost all functional projects require some kind of external libraries not already in the template to be installed at runtime. However, they are all predicted by the LLM. What might be happening in your case likely is that gemini is struggling to form the proper install commands for those components. Try instructing it the exact command to use. If it fails still, you can share me the websocket messages dump so I can have a look

AshishKumar4 avatar Nov 12 '25 04:11 AshishKumar4

Ok would you mind showing me an example of how you would install them?

For example, if I wanted to include Plate to build a notes app, or add this Parallax Hero Section on a landing page, how should I instruct the AI to install and use those components?

I want to confirm I’m not doing something wrong before sending over the websocket logs. Once I verify that I'm prompting the AI correctly, I’ll retry and share the dump if it still fails.

harryworkbiz avatar Nov 12 '25 20:11 harryworkbiz