I created a landing page for my project using v0. Everything was workign fine including the link people could visit to see the landing page demo. Then I started trying to push the code to my github and integrate it with my github page and then everything started to fail.
I currently have disconnected github from versel backend but here’s the error I get on v0 when I try to deploy. " 1. Failed to deploy block to Vercel"
When I go to versel and try to deploy my project from there, I also get an error with more details.
Failed to compile.
16:23:00.124
16:23:00.124
./components/bitcoin-dca-calculator.tsx
16:23:00.124
7:10 Error: 'Button' is defined but never used. @typescript-eslint/no-unused-vars
16:23:00.124
193:48 Error: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any
16:23:00.124
197:56 Error: 'name' is defined but never used. @typescript-eslint/no-unused-vars
16:23:00.124
16:23:00.124
./components/bitcoin-education.tsx
16:23:00.125
26:11 Error: 'language' is assigned a value but never used. @typescript-eslint/no-unused-vars
16:23:00.125
16:23:00.125
info - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules
16:23:00.173
Error: Command "npm run build" exited with 1
16:23:00.847
I’m on day two of trying to figure this out and still stuck. please help.
Sorry that you are facing this issue with v0 project deployment. Thanks for sharing the build log errors.
From the error it seems like your project is using very strict ESLint rules, which are useful for maintaining a good code quality. So, my recommendation would be to look at each error and the ESLint rule and fix them in your v0 code. (you can also give this error log to v0 as a prompt to fix them).
For example, to fix the following error you only need to find the name variable in the ./components/bitcoin-dca-calculator.tsx file and delete it because it’s never used.
197:56 Error: 'name' is defined but never used. @typescript-eslint/no-unused-vars
I hope this was helpful. Feel free to share here if you run into other issues.
Thanks for the reply! I’ve tried giving the error log to v0 and no luck.
I ended up trying to link it to a new repo all together. Not ideal but a good test and that worked. The only thing that’s worked so far. Which I still don’t understand. Vercel has a lot of buttons so there might be a difference in configurations.
What I want is for the code to be updated in the right folder of my github repo every time I deploy. Is that behaviour actually something vercel does? Because even in the new test repo, while deployment works, the code does not reach github.
v0 doesn’t let you sync the code directly to GitHub because there can be merge conflicts and other complexities involved. For now, I’d recommend manually taking the code from v0 and applying changes to your Git repository.