Django托管React的项目Docker化部署时package.json找不到如何解决

• 路径匹配错误：你的package.json、package-lock.json都存放在frontend子目录下，但Dockerfile中直接从构建上下文根路径查找这两个文件，自然无法找到。
• 工作目录配置错误：你设置了WORKDIR ~/usr/src/app，这会将工作目录切换到当前Linux用户的家目录下的usr/src/app路径，该路径本身不存在，后续文件操作都会出错。
• 基础镜像缺失依赖：你使用的python:3.8.12-bullseye是纯Python运行环境，默认没有安装Node.js和npm，即使解决了文件复制问题，后续执行npm相关命令也会报错。
• 构建逻辑错误：你执行了RUN npm run dev，dev是React的开发服务命令，会启动常驻的开发服务器，在镜像构建阶段执行会直接卡住，不会向下进行。

推荐使用多阶段构建方案，既能避免后端镜像冗余安装Node.js，也能简化构建逻辑，示例Dockerfile如下：

# 第一阶段：构建React前端产物
FROM node:14-alpine as frontend-builder
WORKDIR /build
# 复制前端项目文件
COPY ./frontend/package.json ./frontend/package-lock.json ./
RUN npm ci --only=production
COPY ./frontend/ .
# 构建生产环境静态资源
RUN npm run build

# 第二阶段：构建Django后端镜像
FROM python:3.8.12-bullseye
WORKDIR /usr/src/app
# 环境变量配置
ENV PYTHONDONTWRITEBYTECODE 1
ENV PYTHONUNBUFFERED 1
# 安装系统依赖
RUN apt-get update && apt-get install -y --no-install-recommends gcc python3-dev && rm -rf /var/lib/apt/lists/*
# 安装Python依赖
COPY requirements.txt .
RUN pip install --no-cache-dir -r requirements.txt
# 复制第一阶段构建好的前端静态资源到Django的静态目录（可根据实际路径调整）
COPY --from=frontend-builder /build/dist/ ./static/
# 复制后端项目代码
COPY . .
# 执行入口脚本
ENTRYPOINT ["/usr/src/app/entrypoint.sh"]

如果你不想用多阶段构建，也可以直接在Python镜像中安装Node.js，修改原有Dockerfile的对应部分即可：

1. 删除错误的WORKDIR ~/usr/src/app配置
2. 增加Node.js安装步骤
3. 修正npm相关操作的文件路径，将npm run dev改为生产构建命令npm run build

内容的提问来源于stack exchange，提问作者Joseph Adam