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

q8l4jmvw  于 2022-12-03  发布在  React
关注(0)|答案(2)|浏览(177)

我想将React/Flask应用部署到AWS EC2 t2.micro示例中。我得到了一个Docker-compose文件以及React和Flask各自的Dockerfile。
Docker为Flask API创建并运行映像,但在构建React应用程序时,由于Javascript堆内存不足而崩溃。
我使劲跑:
运行节点--暴露-gc--最大旧空间大小=1024
从Dockerfile,但当我从docker-compose构建它时,它从未完成npm运行构建并保持库存。
我也尝试添加模块increase-memory-limit,但也没有完成。
这里是我的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应用程序停靠文件:

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"]
chhqkbe1

chhqkbe11#

该问题的根本原因是VM t2.micro的弱点。

t2.micro只有1个虚拟CPU和1 GB内存

我想说,这个容量足以支持应用运行时(nginx)。
但对于应用构建npm run build)来说,这永远不够。
根据经验,我们负责构建400多个平面图,对于某些react/angular项目npm build可占用16 G内存。

解决方法

如果你不想花钱打开更大的虚拟机(示例),这是变通办法:

  • 在计算机中构建映像。
  • 将生成的映像复制到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

我帮不上忙了!祝你好运

xdnvmnnf

xdnvmnnf2#

我在macOS Big Sur上遇到了同样的问题,解决这个问题的唯一方法是像这样设置Docker首选项

所有的资源都必须被完全填满

相关问题