使用Docker Compose构建容器时遇ng和py命令缺失问题求助

问题根源 #

前端ng命令缺失 #

前端的Angular代码存放在./src目录，但你在Compose配置中给frontend服务设置的context: ./指向了根目录，导致Docker构建过程出现两个关键错误：

• COPY package*.json ./无法找到src目录下的依赖配置文件，npm依赖安装不完整
• COPY . .复制的是根目录下的所有文件（包括backend文件夹、compose.yaml等），而非Angular项目代码，ng build无法识别有效项目，最终触发命令缺失报错

后端py命令缺失 #

你的后端Dockerfile基于python:3.12.5-slim镜像，该镜像默认提供python命令而非py。出现这个错误的原因要么是Compose复用了旧的缓存镜像（之前可能错误使用过py命令），要么是后端的Dockerfile未被正确识别（比如文件名不是默认的Dockerfile）

修复步骤 #

1. 修正Compose配置文件 #

修改compose.yaml，调整前端构建上下文和Dockerfile路径，同时确认后端配置正确：

services:
  frontend:
    build:
      context: ./src  # 构建上下文指向Angular代码所在的src目录
      dockerfile: ../dockerfile(frontend)  # 指定根目录下的前端Dockerfile路径，建议重命名为Dockerfile.frontend更规范
    ports:
      - "4200:4200"
    depends_on:
      - backend

  backend:
    build:
      context: ./backend
      # 如果后端Dockerfile文件名不是默认的Dockerfile，比如叫Dockerfile.backend，需添加以下配置
      # dockerfile: Dockerfile.backend
    ports:
      - "5000:5000"

2. 清理缓存并重新构建 #

旧的构建缓存可能残留错误配置，执行以下命令彻底清理后重新构建：

# 停止并删除现有容器
docker-compose down
# 清除构建缓存，强制重新构建
docker-compose build --no-cache
# 启动服务
docker-compose up

可选优化：提升前端构建效率 #

调整前端Dockerfile的步骤顺序，利用Docker缓存机制，避免每次修改代码都重新安装依赖：

FROM node:18-alpine

WORKDIR /app

# 先复制依赖配置文件，缓存依赖安装层
COPY package*.json ./
RUN npm install

# 全局安装Angular CLI
RUN npm install -g @angular/cli

# 复制项目代码
COPY . .

# 构建生产版本
RUN ng build --configuration=production

# 安装静态文件服务器
RUN npm install -g http-server

EXPOSE 4200
CMD ["http-server", "dist/komatsu", "-p", "4200"]

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