Azure Pipeline构建Angular Docker镜像报错COPY dist不存在问题咨询

核心根因 #

你当前的Docker构建任务未显式指定构建上下文，默认会使用Dockerfile所在的文件夹作为上下文检索范围，而ng build生成的dist目录在流水线工作目录的根路径，不在Dockerfile的同级/子级目录下，因此Docker构建时无法找到对应文件。

分步操作方案 #

• 首先添加路径检查步骤，确认dist的实际结构，在npm install and build步骤之后、Docker构建步骤之前插入以下任务：

- script: |
    echo "当前工作目录全路径: $(pwd)"
    echo "工作目录下所有文件/文件夹:"
    ls -la
    echo "dist目录内结构:"
    ls -la dist
  displayName: '确认构建产物路径结构'

运行后即可从日志中看到dist下的子文件夹名、完整路径，用来确认Dockerfile里的COPY路径是否正确。

• 修正Docker构建任务配置，显式指定构建上下文为工作目录根路径：

- task: Docker@2
  inputs:
    command: 'build'
    Dockerfile: '**/Dockerfile'
    buildContext: '.' # 此处指定上下文为流水线工作目录根，也就是dist生成的位置
  displayName: 'Build Docker IMAGE'

• 检查项目根目录下的.dockerignore文件，确认没有dist、*/dist这类排除规则，如果有则删除对应规则。
• 根据第一步输出的dist目录结构调整Dockerfile的COPY语句，比如如果dist下的子文件夹名为angular-demo，则修改为：

COPY dist/angular-demo /usr/share/nginx/html

• 冗余步骤清理：你当前流水线中的DownloadBuildArtifacts@1任务放在Docker构建之后，完全不会被Docker构建用到，可以直接删除，同一条流水线内直接使用本地生成的dist即可，不需要先发布再下载产物。

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