Next.js Discord

Discord Forum

Vercel Not Deploying

Answered
Prisum posted this in #help-forum
Open in Discord
PrisumOP
Whenever I try to deploy my react website on Vercel I always get a ton of errors that I never get while hosting on my computer.

Here is my page.tsx file.

These are the errors I am getting from vercel
Answered by Asian black bear
"is defined but never used" means a variable, function or object is useless. Remove it.
"' can be escaped with '" literally just replace ' with '
"is assigned a value but never used" the assignment is doing nothing. Remove it.
View full answer

7 Replies

PrisumOP
./app/page.tsx 4:56 Error: 'useTransform' is defined but never used. @typescript-eslint/no-unused-vars 5:31 Error: 'FaLinkedin' is defined but never used. @typescript-eslint/no-unused-vars 5:43 Error: 'FaDev' is defined but never used. @typescript-eslint/no-unused-vars 19:11 Error: 'scrollYProgress' is assigned a value but never used. @typescript-eslint/no-unused-vars 111:26 Error:'can be escaped with&apos;,&lsquo;,&#39;,&rsquo;. react/no-unescaped-entities 167:21 Warning: Using<img>could result in slower LCP and higher bandwidth. Consider using<Image />fromnext/imageto automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element @next/next/no-img-element 181:28 Error:'can be escaped with&apos;,&lsquo;,&#39;,&rsquo;. react/no-unescaped-entities 190:111 Error:'can be escaped with&apos;,&lsquo;,&#39;,&rsquo;. react/no-unescaped-entities 190:222 Error:'can be escaped with&apos;,&lsquo;,&#39;,&rsquo;. react/no-unescaped-entities 244:23 Warning: Using<img>could result in slower LCP and higher bandwidth. Consider using<Image />fromnext/imageto automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element @next/next/no-img-element 336:24 Error:'can be escaped with&apos;,&lsquo;,&#39;,&rsquo;. react/no-unescaped-entities ./components/pages-index.tsx 19:9 Error: 'scale' is assigned a value but never used. @typescript-eslint/no-unused-vars 32:6 Warning: React Hook useEffect has missing dependencies: 'cursorX' and 'cursorY'. Either include them or remove the dependency array. react-hooks/exhaustive-deps 110:26 Error:'can be escaped with&apos;,&lsquo;,&#39;,&rsquo;. react/no-unescaped-entities
this was made with v0 cause I suck a typescript
Asian black bear
Those errors would appear locally when you try to next build. Also they clearly tell you what's wrong. Follow their description to fix them.
@Asian black bear Those errors would appear locally when you try to `next build`. Also they clearly tell you what's wrong. Follow their description to fix them.
PrisumOP
Yeah but I've never really used anything other than python and HTMl so if I could have some guidance on how to fix it that would be amazing.
Asian black bear
"is defined but never used" means a variable, function or object is useless. Remove it.
"' can be escaped with &apos;" literally just replace ' with &apos;
"is assigned a value but never used" the assignment is doing nothing. Remove it.
Answer