nextjs - 💡(How to fix) Fix New Next.js Projekt strange Build fails [3 comments, 4 participants]

[Error: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=object%20with%20keys%20%7B%24%24typeof%2C%20type%2C%20key%2C%20ref%2C%20props%7D for the full message or use the non-minified dev environment for full errors and additional helpful warnings.] Error occurred prerendering page "/404". Read more: https://nextjs.org/docs/messages/prerender-error [Error: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=object%20with%20keys%20%7B%24%24typeof%2C%20type%2C%20key%2C%20ref%2C%20props%7D for the full message or use the non-minified dev environment for full errors and additional helpful warnings.] Export encountered an error on /_error: /404, exiting the build. ⨯ Next.js build worker exited with code: 1 and signal: null

TL;DR

• The most likely fix is to identify and resolve the issue causing the React error #31, which is occurring during the prerendering of pages.

Guidance

• Verify the error by checking the non-minified dev environment for full errors and additional warnings, as suggested in the error message.
• Investigate the /404 and /500 pages to ensure they are correctly implemented and do not contain any errors that could be causing the prerendering issue.
• Check the Next.js documentation on prerendering errors for more information and potential solutions.
• Consider testing the build process with a minimal reproduction of the issue to isolate the cause.

Example

• No specific code snippet can be provided without more information, but checking the pages mentioned in the error (e.g., /404, /500) for any potential issues is a good starting point.

Notes

• The error message suggests using the non-minified dev environment for more detailed error information, which could help in identifying the root cause.
• The issue seems to be related to the prerendering process in Next.js, specifically with the React error #31.

Recommendation

• Apply workaround: Identify and fix the root cause of the React error #31, which is likely related to the implementation of the /404 or /500 pages or their components.