Docker image build failed for angular app

Question

I am building docker image but getting following error

For more detailed help run "ng [command name] --help" FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

<--- Last few GCs --->

[16:0x558f56668dc0] 212695 ms: Mark-sweep 971.6 (995.9) -> 965.5 (996.9) MB, 1703.2 / 0.0 ms (average mu = 0.126, current mu = 0.019) allocation failure scavenge might not succeed [16:0x558f56668dc0] 214464 ms: Mark-sweep 972.6 (996.9) -> 966.4 (997.6) MB, 1742.9 / 0.0 ms (average mu = 0.073, current mu = 0.015) allocation failure scavenge might not succeed

<--- JS stacktrace --->

==== JS stack trace =========================================

0: ExitFrame [pc: 0x558f5378aed9]

Security context: 0x118720bc08d1 1: _walk [0x5dc516d83b9] [/usr/src/studyoptimizer/node_modules/terser/dist/bundle.min.js:~1] [pc=0x3b14ab8ca65b](this=0x0f2925361671 ,0x18b4b1df8fd1 ) 2: /* anonymous */ [0x1139625e0009] [/usr/src/studyoptimizer/node_modules/terser/dist/bundle.min.js:1] [bytecode=0x2da304fdee9 offset=44](this=...

Writing Node.js report to file: report.20200222.103313.16.0.001.json Node.js report completed

DockerFile

STAGE 1: Build

FROM node:12-alpine AS build WORKDIR /usr/src/sample COPY package.json /usr/src/sample/package.json RUN cd /usr/src/sample RUN npm install COPY . /usr/src/sample

RUN npm run build-login

STAGE 2: Run

FROM nginx:1.17.1-alpine COPY --from=build /usr/src/sample/dist/myapp /usr/share/nginx/html/dv/sampleapp/

In package.json file i have "build-login": "npm run build-memory && ng build login --prod --verbose", "build-memory": "node --max_old_space_size=8192 ./node_modules/@angular/cli/bin/ng",

alim91 · Accepted Answer · 2020-02-25 18:46:11Z

2

try this DockerFile:

# Stage 1
FROM node:12-alpine AS build 
WORKDIR /usr/src/sample 
COPY package.json .
# no need for this since you put your workdir path
# RUN cd /usr/src/sample 
RUN npm install 
COPY . .

# Stage 2
FROM nginx:1.17.1-alpine 
COPY --from=build /usr/src/sample/dist/myapp /usr/share/nginx/html/

if you can your image versions to lastest (node:13.8-alpine and nginx:1.17.8-alpine) would be better. plus if you can run your build cmds (especially production build) locally to see if it works properly or it crashes.

answered Feb 25, 2020 at 18:46

alim91

5461 gold badge8 silver badges18 bronze badges

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

2 Comments

devansvd Over a year ago

No need for alpine as build, This will not work for the case npm install compiles something from source. Since it is a intermediate builder image which is a residue, why can't use a node:12 directly and use alpine only for final image ?

alim91 Over a year ago

alpine is a very light-weight version of Linux distro, you see it from its size, but you can use another image.

MAZAR Abdellah · Accepted Answer · 2020-03-06 12:57:34Z

0

I suggest this Dockerfile:

# stage 1
FROM 12-alpine as builder

WORKDIR /usr/src/sample
COPY .  /usr/src/sample/
RUN npm install @angular/cli -g
RUN npm i
# A head-of-time compilation
RUN ng build --prod

# stage 2
FROM nginx:1.17.1-alpine
RUN rm -rf /usr/share/nginx/html/*
COPY --from=builder /usr/src/sample/dist/myapp /usr/share/nginx/html/
CMD ["nginx", "-g", "daemon off;"]

answered Mar 6, 2020 at 12:57

MAZAR Abdellah

363 bronze badges

Comments

Giovani Meza · Accepted Answer · 2023-03-22 18:32:56Z

From the error you are showing, it seems like you have not defined a memory limit in your docker build process, so it's exhausting the memory before finishing the build process.

Try setting the memory limit with the flag --memory in your docker build process:

docker build . --memory=["quantity"]

Reference docs:

Collectives™ on Stack Overflow

Docker image build failed for angular app

STAGE 1: Build

STAGE 2: Run

3 Answers 3

2 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

STAGE 1: Build

STAGE 2: Run

3 Answers 3

2 Comments

Comments

Comments

Related