Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

NextJS 15 Build Error occurred prerendering page "/404"

when running NODE_ENV=developement npm run build in nextjs project, there is the following error,

Error: should not be import outside of pages/_document.

Read more: https://nextjs.org/docs/messages/no-document-import-in-page

at y (D:....next\server\chunks\7627.js:6:1263) An error occurred while pre-rendering the page "/404". Read more: https://nextjs.org/docs/messages/prerender-error Error: should not be import outside of pages/_document.

Read more: https://nextjs.org/docs/messages/no-document-import-in-page in Y (D:...\node_modules\next\dist\compiled\next-server\pages.runtime.prod.js:16:5469) in y (D:....next\server\chunks\7627.js:6:1263) in react-stack-bottom-frame (D:...\node_modules\react-dom\cjs\react-dom-server.edge.development.js:8798:18) in renderWithHooks (D:...\node_modules\react-dom\cjs\react-dom-server.edge.development.js:4722:19) in renderElement (D:...\node_modules\react-dom\cjs\react-dom-server.edge.development.js:5157:23) in retryNode (D:...\node_modules\react-dom\cjs\react-dom-server.edge.development.js:5805:22) in renderNodeDestructive (D:...\node_modules\react-dom\cjs\react-dom-server.edge.development.js:5631:11) in renderElement (D:...\node_modules\react-dom\cjs\react-dom-server.edge.development.js:5143:11) in retryNode (D:...\node_modules\react-dom\cjs\react-dom-server.edge.development.js:5805:22) in renderNodeDestructive (D:...\node_modules\react-dom\cjs\react-dom-server.edge.development.js:5631:11) Export encountered an error at /_error: /404, exiting the build process. ⨯ Next.js build worker exited with code: 1 and signal: null

I didn't create a custom 404 page. Please help.

NextJS 15.1.7, React 19.0.0, tailwindcss 4.0.7, DaisyUI 5.0.0, Prisma 6.4.1

like image 419
fauzancodes Avatar asked Oct 16 '25 13:10

fauzancodes


1 Answers

The error indicates an incorrect import from next/document outside of pages/_document.js.

Try:

  1. Search your code for any imports from next/document (especially near components related to the 404 page)
  2. Replace import { Head } from 'next/document' with import Head from 'next/head' if you're using it for metadata in regular pages
  3. Make sure you only use components from next/document in the pages/_document.js file

The problem is likely in a shared component that's being used across multiple pages, including the 404 route.

like image 184
Walter Chapilliquen - wZVanG Avatar answered Oct 19 '25 04:10

Walter Chapilliquen - wZVanG