在 docker 容器中构建 react 应用程序时，JavaScript 堆内存不足

Question

我想将 React/Flask 应用程序部署到 AWS EC2 t2.micro 实例。我得到了一个 docker-compose 文件以及 React 和 Flask 各自的 Dockerfile。
Docker 为 Flask API 创建并运行镜像，但是，当构建 React 应用程序时，它会因 而崩溃。 Javascript 堆内存不足 .
我尝试运行:

RUN node --expose-gc --max-old-space-size=1024node_modules/react-scripts/scripts/build.js

来自 Dockerfile，但是当我从 docker-compose 构建它时，它永远不会完成 npm 运行构建 并保持库存。
我尝试添加模块 增加内存限制 也是，但也没有完成。
这是我的 docker-compose.yml:

version: '3.5'
services:
        frontend:
                container_name: frontend
                build:
                        context: ./frontend
                        dockerfile: Dockerfile
                ports:
                        - 80:80
                        - 443:443
                env_file: 
                        - ./frontend/.env
                environment: 
                        - REACT_APP_FLASK_API= "api address"
        api:
                restart: always
                container_name: api
                build:
                        context: ./api
                        dockerfile: Dockerfile
                expose:
                        - 5000
                environment:
                        - FLASK_ENV=development
                        - FLASK_APP=app.py
                        - FLASK_DEBUG=1

我的 React 应用程序 Dockerfile:

FROM node:latest as build
RUN mkdir -p /usr/src/app

# copy the react app to the container
WORKDIR /usr/src/app
COPY . /usr/src/app
COPY package.json /usr/src/app

# adding env variable
ARG REACT_APP_FLASK_API
ENV REACT_APP_FLASK_API "api address"

# prepare the container for building react
RUN npm install
RUN npm run build #node --expose-gc --max-old-space-size=1024 node_modules/react-scripts/scripts/build.js

# preprare nginx
FROM nginx:alpine
COPY --from=build /usr/src/app/build /usr/share/nginx/html
RUN rm /etc/nginx/conf.d/default.conf
COPY nginx/nginx.conf /etc/nginx/conf.d
# fire up nginx
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

还有我的 Flask Dockerfile:

FROM python:3.6.10

RUN mkdir -p /usr/src/app
WORKDIR /usr/src/app

COPY requirements.txt /usr/src/app
RUN pip install -r requirements.txt

COPY app.py /usr/src/app
COPY Complements /usr/src/app/Complements

ENTRYPOINT [ "flask" ]
CMD ["run", "--host=0.0.0.0", "--port=5000"]

Answer 1

问题的根本原因是 VM t2.micro 的弱点。
t2.micro 只有 1 个 vCPU 和 1GB 内存
我想说这个容量对于 来说已经足够了。应用运行时 (nginx)。
但对于 来说，这永远不够。应用程序构建 (npm run build)。
根据经验，我们负责构建 400 多个计划和 npm build最多可占用 16G一些内存 react /Angular 项目 .
解决方法
如果您不想花钱打开更大的 VM(实例)，这是解决方法:

在您的机器中构建镜像。

将构建的镜像复制到 ec2 实例。

运行 ec2 实例中的图像。

在您的笔记本电脑中

# build it
docker build -t frontend:v1.0 -f react.Dockerfile .

# save the image as simple file
docker save frontend:v1.0 | gzip > frontend.tar.gz

# copy the file to your ec2 machine

scp frontend.tar.gz ec2-user@x.x.x.x:/tmp

在您的 ec2 实例中

# load the simple file into an image
docker load < /tmp/frontend.tar.gz

# validate that the image is loaded
docker images

不能帮助更多!祝你好运