Vercel Next.js build error while prerendering pages

Question

I'm running Vercel compilation on my website and I can't get rid of the pre-rendering error on export. does anyone know the reason for this to happen and can help me with this? my github with all code: https://github.com/M0rilla/MyProfile

for each page have a error as above:

    Error occurred prerendering page "/resume". Read more: https://nextjs.org/docs/messages/prerender-error
Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

Error: Export encountered errors on following paths:
21:20:09.541        /
21:20:09.541        /404
21:20:09.541        /500
21:20:09.541        /experiences
21:20:09.542        /resume
21:20:09.542        /skills

i dont have a custom 404 or 500 page.

The reason this is happening (invalid react hook call) is stated directly in the error link. If you aren't sure why your react hook call is invalid after reading the information there, make sure to put the code of your /resume page here, otherwise there's no way we can help. — dominicm00
– dominicm00, Commented May 30, 2021 at 0:30
I added the code for one of my pages for viewing. All pages contained in the "pages" directory are showing this error including 404 and 500 that I did not create — Gustavo Morilla
– Gustavo Morilla, Commented May 30, 2021 at 3:01
There's a link to my github with the project on the question! — Gustavo Morilla
– Gustavo Morilla, Commented May 30, 2021 at 3:14
While I can't test your code with a Vercel deployment, your issue is almost certainly caused by you committing your node_modules folder and .next build artifacts to git, which you should never do. You should create a .gitignore file with node_modules/ and .next/. See docs.github.com/en/github/getting-started-with-github/… and stackoverflow.com/questions/1274057/… — dominicm00
– dominicm00, Commented May 30, 2021 at 15:44
can you create a answer with this comment? my production code is now working fine! adding the gitignore file and deleting these folders from repo saved me. thank you! — Gustavo Morilla
– Gustavo Morilla, Commented May 31, 2021 at 15:53

dominicm00 · Accepted Answer · 2021-05-31 16:35:46Z

5

Vercel does some custom work in regards to next builds, so committing the .next build artifacts from your local machine or your node_modules folder can interfere with the build in unpredictable ways that give seemingly nonsensical error messages. Make sure to not commit either .next or node_modules to avoid this behavior.

answered May 31, 2021 at 16:35

dominicm00

1,62013 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Turtlepaw · Accepted Answer · 2023-05-05 05:02:30Z

2

Have you tried checking these cases:

Make sure to move any non-pages out of the pages folder
Check for any code that assumes a prop is available even when it might not be. e.g., have default data for all dynamic pages' props.
Check for any out of date modules that you might be relying on
Make sure your component handles fallback if it is enabled in getStaticPaths. Fallback docs
Make sure you are not trying to export (next export) pages that have server-side rendering enabled (getServerSideProps)

(source)

edited May 5, 2023 at 5:02

Turtlepaw

6555 silver badges20 bronze badges

answered May 30, 2021 at 3:07

pak

391 bronze badge

1 Comment

Gustavo Morilla Over a year ago

inside "pages" the only non-page is the _app.js. i will add the code to the question. I'm new to Next.js so i can't have sure about the other situations.

Collectives™ on Stack Overflow

Vercel Next.js build error while prerendering pages

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related