Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[canary] broken production build for static pages inside Docker #196

Open
arusakov opened this issue Aug 22, 2020 · 6 comments
Open

[canary] broken production build for static pages inside Docker #196

arusakov opened this issue Aug 22, 2020 · 6 comments

Comments

@arusakov
Copy link

When I try build the project in Ubuntu 18.04 it's okay. There are only warnings about MaxListeners.
But inside the Docker build is failed.

Related packages versions

  • "next": "9.5.2"
  • "next-optimized-images": "3.0.0-canary.10"

Tested docker versions:

  • node:12.18.03
  • node:12.18.03-alpine

next build output from docker build:

info  - Creating an optimized production build...
Attention: Next.js now collects completely anonymous telemetry regarding usage.
This information is used to shape Next.js' roadmap and prioritize features.
You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
https://nextjs.org/telemetry

(node:28) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 uncaughtException listeners added to [process]. Use emitter.setMaxListeners() to increase limit
(node:28) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 unhandledRejection listeners added to [process]. Use emitter.setMaxListeners() to increase limit
info  - Compiled successfully
info  - Collecting page data...
info  - Generating static pages (0/4)

Error occurred prerendering page "/empty". Read more: https://err.sh/next.js/prerender-error
Error: Babel plugin 'react-optimized-image/plugin' not installed or this component could not be recognized by it.
    at Img (/cc-web/node_modules/react-optimized-image/lib/components/Img.js:119:11)
    at d (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:36:498)
    at $a (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:39:16)
    at a.b.render (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:44:476)
    at a.b.read (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:44:18)
    at renderToString (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:54:364)
    at Object.renderPage (/cc-web/node_modules/next/dist/next-server/server/render.js:48:686)
    at Function.getInitialProps (/cc-web/.next/server/pages/_document.js:364:19)
    at loadGetInitialProps (/cc-web/node_modules/next/dist/next-server/lib/utils.js:5:101)
    at renderToHTML (/cc-web/node_modules/next/dist/next-server/server/render.js:48:977)

Error occurred prerendering page "/sitemap". Read more: https://err.sh/next.js/prerender-error
Error: Babel plugin 'react-optimized-image/plugin' not installed or this component could not be recognized by it.
    at Img (/cc-web/node_modules/react-optimized-image/lib/components/Img.js:119:11)
    at d (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:36:498)
    at $a (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:39:16)
    at a.b.render (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:44:476)
    at a.b.read (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:44:18)
    at renderToString (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:54:364)
    at Object.renderPage (/cc-web/node_modules/next/dist/next-server/server/render.js:48:686)
    at Function.getInitialProps (/cc-web/.next/server/pages/_document.js:364:19)
    at loadGetInitialProps (/cc-web/node_modules/next/dist/next-server/lib/utils.js:5:101)
    at renderToHTML (/cc-web/node_modules/next/dist/next-server/server/render.js:48:977)
info  - Generating static pages (1/4)
info  - Generating static pages (2/4)

Error occurred prerendering page "/404". Read more: https://err.sh/next.js/prerender-error
Error: Babel plugin 'react-optimized-image/plugin' not installed or this component could not be recognized by it.
    at Img (/cc-web/node_modules/react-optimized-image/lib/components/Img.js:119:11)
    at d (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:36:498)
    at $a (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:39:16)
    at a.b.render (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:44:476)
    at a.b.read (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:44:18)
    at renderToString (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:54:364)
    at Object.renderPage (/cc-web/node_modules/next/dist/next-server/server/render.js:48:686)
    at Function.getInitialProps (/cc-web/.next/server/pages/_document.js:364:19)
    at loadGetInitialProps (/cc-web/node_modules/next/dist/next-server/lib/utils.js:5:101)
    at renderToHTML (/cc-web/node_modules/next/dist/next-server/server/render.js:48:977)
info  - Generating static pages (3/4)

Error occurred prerendering page "/about". Read more: https://err.sh/next.js/prerender-error
Error: Babel plugin 'react-optimized-image/plugin' not installed or this component could not be recognized by it.
    at Img (/cc-web/node_modules/react-optimized-image/lib/components/Img.js:119:11)
    at d (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:36:498)
    at $a (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:39:16)
    at a.b.render (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:44:476)
    at a.b.read (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:44:18)
    at renderToString (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:54:364)
    at Object.renderPage (/cc-web/node_modules/next/dist/next-server/server/render.js:48:686)
    at Function.getInitialProps (/cc-web/.next/server/pages/_document.js:364:19)
    at loadGetInitialProps (/cc-web/node_modules/next/dist/next-server/lib/utils.js:5:101)
    at renderToHTML (/cc-web/node_modules/next/dist/next-server/server/render.js:48:977)
info  - Generating static pages (4/4)

> Build error occurred
Error: Export encountered errors on following paths:
        /404
        /about
        /empty
        /sitemap
    at exportApp (/cc-web/node_modules/next/dist/export/index.js:24:1103)
    at processTicksAndRejections (internal/process/task_queues.js:97:5)
    at async build (/cc-web/node_modules/next/dist/build/index.js:37:212)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
The command '/bin/sh -c yarn build' returned a non-zero code: 1
@semyou
Copy link

semyou commented Sep 4, 2020

Got the same error when I compile on my production server
MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 uncaughtException listeners added to [process]. Use emitter.setMaxListeners() to increase limit
(node:28) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 unhandledRejection listeners added to [process]. Use emitter.setMaxListeners() to increase limit
and then I see the process eating up all my servers memory before it crushes.

@naavis
Copy link

naavis commented Sep 13, 2020 •
edited
Loading

I'm bumping into this same issue on my workstation without Docker with the following output:

> next build

info  - Using external babel configuration from [censored]\.babelrc
(node:5108) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 uncaughtException listeners added to [process]. Use emitter.setMaxListeners() to increase limit
(node:5108) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 unhandledRejection listeners added to [process]. Use emitter.setMaxListeners() to increase limit
RangeError: WebAssembly.Memory(): could not allocate memory
RangeError: WebAssembly.Memory(): could not allocate memory
info  - Creating an optimized production build .[censored]\node_modules\@wasm-codecs\mozjpeg\lib\mozjpeg.js:9
var Module=typeof mozjpeg!=="undefined"?mozjpeg:{};var readyPromiseResolve,readyPromiseReject;Module["ready"]=new Promise(function(resolve,reject){readyPromiseResolve=resolve;readyPromiseReject=reject});var moduleOverrides={};var key;for(key in Module){if(Module.hasOwnProperty(key)){moduleOverrides[key]=Module[key]}}var arguments_=[];var thisProgram="./this.program";var quit_=function(status,toThrow){throw toThrow};var ENVIRONMENT_IS_WEB=false;var ENVIRONMENT_IS_WORKER=false;var ENVIRONMENT_IS_NODE=false;var ENVIRONMENT_IS_SHELL=false;ENVIRONMENT_IS_WEB=typeof window==="object";ENVIRONMENT_IS_WORKER=typeof importScripts==="function";ENVIRONMENT_IS_NODE=typeof process==="object"&&typeof process.versions==="object"&&typeof process.versions.node==="string";ENVIRONMENT_IS_SHELL=!ENVIRONMENT_IS_WEB&&!ENVIRONMENT_IS_NODE&&!ENVIRONMENT_IS_WORKER;var scriptDirectory="";function locateFile(path){if(Module["locateFile"]){

RuntimeError: abort(RangeError: WebAssembly.Memory(): could not allocate memory). Build with -s ASSERTIONS=1 for more info.
    at process.abort ([censored]\node_modules\@wasm-codecs\mozjpeg\lib\mozjpeg.js:9:11556)
    at process.emit (events.js:323:22)
    at processEmit [as emit] ([censored]\node_modules\next\dist\compiled\ora\index.js:1:2260)
    at processPromiseRejections (internal/process/promises.js:209:33)
    at processTicksAndRejections (internal/process/task_queues.js:98:32)
npm ERR! code ELIFECYCLE
npm ERR! errno 7
npm ERR! [email protected] build: `next build`
npm ERR! Exit status 7
npm ERR!
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     [censored]\AppData\Roaming\npm-cache\_logs\2020-09-13T11_52_00_853Z-debug.log

I am on Next.js 9.5.3, next-optimized-images 3.0.0-canary.10 and Node 12.16.1.

@semyou
Copy link

semyou commented Sep 14, 2020 •
edited
Loading

@naavis try to delete .next and node_modules and do an npm install again and see if it solves your problem. It did for me. However, my problem is the memory hog that this plugin is. My npm build always fails on my 2G RAM VPS with just 4 images. Works fine on my laptop though. :(

@naavis
Copy link

naavis commented Sep 15, 2020

@semyou That unfortunately did not fix the problem. I am resizing about 200 pictures during the build. The originals only total 128 megabytes, though, and I'm running with 16GB of RAM.

@meienberger
Copy link

Any news about this one ? I cannot build on vercel anymore. Working fine on local machine

@bh
Copy link

bh commented Jan 3, 2021

When I try build the project in Ubuntu 18.04 it's okay. There are only warnings about MaxListeners.
But inside the Docker build is failed.

Related packages versions

* "next": "9.5.2"

* "next-optimized-images": "3.0.0-canary.10"

Tested docker versions:

* node:12.18.03

* node:12.18.03-alpine

next build output from docker build:

info  - Creating an optimized production build...
Attention: Next.js now collects completely anonymous telemetry regarding usage.
This information is used to shape Next.js' roadmap and prioritize features.
You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
https://nextjs.org/telemetry

(node:28) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 uncaughtException listeners added to [process]. Use emitter.setMaxListeners() to increase limit
(node:28) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 unhandledRejection listeners added to [process]. Use emitter.setMaxListeners() to increase limit
info  - Compiled successfully
info  - Collecting page data...
info  - Generating static pages (0/4)

Error occurred prerendering page "/empty". Read more: https://err.sh/next.js/prerender-error
Error: Babel plugin 'react-optimized-image/plugin' not installed or this component could not be recognized by it.
    at Img (/cc-web/node_modules/react-optimized-image/lib/components/Img.js:119:11)
    at d (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:36:498)
    at $a (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:39:16)
    at a.b.render (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:44:476)
    at a.b.read (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:44:18)
    at renderToString (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:54:364)
    at Object.renderPage (/cc-web/node_modules/next/dist/next-server/server/render.js:48:686)
    at Function.getInitialProps (/cc-web/.next/server/pages/_document.js:364:19)
    at loadGetInitialProps (/cc-web/node_modules/next/dist/next-server/lib/utils.js:5:101)
    at renderToHTML (/cc-web/node_modules/next/dist/next-server/server/render.js:48:977)

Error occurred prerendering page "/sitemap". Read more: https://err.sh/next.js/prerender-error
Error: Babel plugin 'react-optimized-image/plugin' not installed or this component could not be recognized by it.
    at Img (/cc-web/node_modules/react-optimized-image/lib/components/Img.js:119:11)
    at d (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:36:498)
    at $a (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:39:16)
    at a.b.render (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:44:476)
    at a.b.read (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:44:18)
    at renderToString (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:54:364)
    at Object.renderPage (/cc-web/node_modules/next/dist/next-server/server/render.js:48:686)
    at Function.getInitialProps (/cc-web/.next/server/pages/_document.js:364:19)
    at loadGetInitialProps (/cc-web/node_modules/next/dist/next-server/lib/utils.js:5:101)
    at renderToHTML (/cc-web/node_modules/next/dist/next-server/server/render.js:48:977)
info  - Generating static pages (1/4)
info  - Generating static pages (2/4)

Error occurred prerendering page "/404". Read more: https://err.sh/next.js/prerender-error
Error: Babel plugin 'react-optimized-image/plugin' not installed or this component could not be recognized by it.
    at Img (/cc-web/node_modules/react-optimized-image/lib/components/Img.js:119:11)
    at d (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:36:498)
    at $a (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:39:16)
    at a.b.render (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:44:476)
    at a.b.read (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:44:18)
    at renderToString (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:54:364)
    at Object.renderPage (/cc-web/node_modules/next/dist/next-server/server/render.js:48:686)
    at Function.getInitialProps (/cc-web/.next/server/pages/_document.js:364:19)
    at loadGetInitialProps (/cc-web/node_modules/next/dist/next-server/lib/utils.js:5:101)
    at renderToHTML (/cc-web/node_modules/next/dist/next-server/server/render.js:48:977)
info  - Generating static pages (3/4)

Error occurred prerendering page "/about". Read more: https://err.sh/next.js/prerender-error
Error: Babel plugin 'react-optimized-image/plugin' not installed or this component could not be recognized by it.
    at Img (/cc-web/node_modules/react-optimized-image/lib/components/Img.js:119:11)
    at d (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:36:498)
    at $a (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:39:16)
    at a.b.render (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:44:476)
    at a.b.read (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:44:18)
    at renderToString (/cc-web/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:54:364)
    at Object.renderPage (/cc-web/node_modules/next/dist/next-server/server/render.js:48:686)
    at Function.getInitialProps (/cc-web/.next/server/pages/_document.js:364:19)
    at loadGetInitialProps (/cc-web/node_modules/next/dist/next-server/lib/utils.js:5:101)
    at renderToHTML (/cc-web/node_modules/next/dist/next-server/server/render.js:48:977)
info  - Generating static pages (4/4)

> Build error occurred
Error: Export encountered errors on following paths:
        /404
        /about
        /empty
        /sitemap
    at exportApp (/cc-web/node_modules/next/dist/export/index.js:24:1103)
    at processTicksAndRejections (internal/process/task_queues.js:97:5)
    at async build (/cc-web/node_modules/next/dist/build/index.js:37:212)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
The command '/bin/sh -c yarn build' returned a non-zero code: 1

Try this: #186 (comment)

@YuMuuu YuMuuu mentioned this issue Apr 12, 2021
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
5 participants
@bh @arusakov @semyou @naavis @meienberger