api-platform icon indicating copy to clipboard operation
api-platform copied to clipboard

Building 3.3.2 for production throws: Error: <Html> should not be imported outside of pages/_document.

Open boncelor opened this issue 1 year ago • 2 comments

I just tried to download the v3.3.2 and I did run:

docker-compose -f compose.yaml -f compose.prod.yaml build

It crashes during the build with the following error:

Error: <Html> should not be imported outside of pages/document. Read more: https://nextjs.org/docs/messages/no-document-import-in-page at Z (/srv/app/node_modules/.pnpm/[email protected]@[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/next-server/pages.runtime.prod.js:16:5430) at I (/srv/app/.next/server/chunks/668.js:6:1263) at Wc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:44) at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:253) at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89) at Xc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:409) at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:210) at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89) at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:74:209) at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)

Error occurred prerendering page "/500". Read more: https://nextjs.org/docs/messages/prerender-error

Error: <Html> should not be imported outside of pages/document. Read more: https://nextjs.org/docs/messages/no-document-import-in-page at Z (/srv/app/node_modules/.pnpm/[email protected]@[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/next-server/pages.runtime.prod.js:16:5430) at I (/srv/app/.next/server/chunks/668.js:6:1263) at Wc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:44) at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:253) at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89) at Xc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:409) at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:210) at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89) at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:74:209) at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89) Error: <Html> should not be imported outside of pages/document. Read more: https://nextjs.org/docs/messages/no-document-import-in-page at Z (/srv/app/node_modules/.pnpm/[email protected]@[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/next-server/pages.runtime.prod.js:16:5430) at I (/srv/app/.next/server/chunks/668.js:6:1263) at Wc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:44) at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:253) at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89) at Xc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:409) at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:210) at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89) at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:74:209) at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)

Error occurred prerendering page "/404". Read more: https://nextjs.org/docs/messages/prerender-error

Error: <Html> should not be imported outside of pages/document. Read more: https://nextjs.org/docs/messages/no-document-import-in-page at Z (/srv/app/node_modules/.pnpm/[email protected]@[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/next-server/pages.runtime.prod.js:16:5430) at I (/srv/app/.next/server/chunks/668.js:6:1263) at Wc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:44) at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:253) at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89) at Xc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:409) at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:210) at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89) at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:74:209) at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89) Error: <Html> should not be imported outside of pages/document. Read more: https://nextjs.org/docs/messages/no-document-import-in-page at Z (/srv/app/node_modules/.pnpm/[email protected]@[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/next-server/pages.runtime.prod.js:16:5430) at I (/srv/app/.next/server/chunks/668.js:6:1263) at Wc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:44) at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:253) at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89) at Xc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:409) at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:210) at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89) at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:74:209) at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)

Error occurred prerendering page "/admin". Read more: https://nextjs.org/docs/messages/prerender-error

Error: <Html> should not be imported outside of pages/document. Read more: https://nextjs.org/docs/messages/no-document-import-in-page at Z (/srv/app/node_modules/.pnpm/[email protected]@[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/next-server/pages.runtime.prod.js:16:5430) at I (/srv/app/.next/server/chunks/668.js:6:1263) at Wc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:44) at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:253) at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89) at Xc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:409) at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:210) at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89) at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:74:209) at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89) Generating static pages (1/4) Generating static pages (2/4) Generating static pages (3/4) Error: <Html> should not be imported outside of pages/document. Read more: https://nextjs.org/docs/messages/no-document-import-in-page at Z (/srv/app/node_modules/.pnpm/[email protected]@[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/next-server/pages.runtime.prod.js:16:5430) at I (/srv/app/.next/server/chunks/668.js:6:1263) at Wc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:44) at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:253) at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89) at Xc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:409) at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:210) at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89) at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:74:209) at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)

Error occurred prerendering page "/". Read more: https://nextjs.org/docs/messages/prerender-error

Error: <Html> should not be imported outside of pages/document. Read more: https://nextjs.org/docs/messages/no-document-import-in-page at Z (/srv/app/node_modules/.pnpm/[email protected]@[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/next-server/pages.runtime.prod.js:16:5430) at I (/srv/app/.next/server/chunks/668.js:6:1263) at Wc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:44) at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:253) at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89) at Xc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:409) at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:210) at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89) at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:74:209) at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89) ✓ Generating static pages (4/4)

Export encountered errors on following paths: / /_error: /404 /_error: /500 /admin  ELIFECYCLE  Command failed with exit code 1.

Am I bottstraping wrong? Is there any other way to bootstrap for production?

boncelor avatar May 06 '24 17:05 boncelor

Hi, same here. Everything worked fine until lately and now the error happens when running next build.

My logs on github actions :

#30 [pwa builder 4/4] RUN PNPM install --frozen-lockfile --offline --prod && pnpm run build #30 127.7 ✓ Compiled successfully #30 127.7 Collecting page data ... #30 132.3 Generating static pages (0/5) ... #30 132.4 Error: <Html> should not be imported outside of pages/document. #30 132.4 Read more: https://nextjs.org/docs/messages/no-document-import-in-page #30 132.4 at eu (/srv/app/node_modules/.pnpm/[email protected]@[email protected][email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/next-server/pages.runtime.prod.js:16:5482) #30 132.4 at y (/srv/app/.next/server/chunks/618.js:6:1299) #30 132.4 at Wc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:44) #30 132.4 at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:253) #30 132.4 at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89) #30 132.4 at Xc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:409) #30 132.4 at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:210) #30 132.4 at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89) #30 132.4 at Zc (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:74:209) #30 132.4 at Z (/srv/app/node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89) #30 132.4 #30 132.4 Error occurred prerendering page "/dashboard/map". Read more: https://nextjs.org/docs/messages/prerender-error

abderahmaneBasil avatar May 07 '24 19:05 abderahmaneBasil

Same as well here.

Workaround was to force an old version in Dockerfile for the pwa:

RUN corepack enable && \
	corepack prepare --activate [email protected] && \
	pnpm config -g set store-dir /.pnpm-store

Instead of latest

vbarrier avatar May 07 '24 21:05 vbarrier

@vbarrier thanks for the workaround 👍 works for me.

boncelor avatar May 15 '24 17:05 boncelor