Docker化Angular应用报错：文件替换中的/app/src/environments/environment.prod.ts路径不存在的原因排查

我一眼就看出问题出在你的Dockerfile的文件复制步骤上——虽然你本地确实存在src/environments/environment.prod.ts文件，但Docker构建出的容器里，目录结构和你本地完全不一致！

错误根源 #

看你的Dockerfile里这一行命令：

COPY src .

这行命令的作用是把本地src目录下的所有文件直接复制到容器当前工作目录（/app），而不是在/app下创建src子目录再放入文件。也就是说，容器里的environment.prod.ts实际路径是/app/environments/environment.prod.ts，但你的Angular构建配置里找的是/app/src/environments/environment.prod.ts，自然会提示文件不存在。

修复步骤 #

修改Dockerfile里的COPY src命令，明确指定目标路径为./src，确保容器内的目录结构和本地一致：

# 替换原来的COPY src .
COPY src ./src

另外给你两个可选的优化建议：

• 你的构建阶段设置了NODE_ENV=development，但Angular默认构建配置是production，如果需要构建开发版本，可以在npm run build后追加--configuration development，或者调整angular.json里的defaultConfiguration；
• 可以把零散的文件复制命令合并，让Dockerfile更简洁：COPY package*.json *.json *.js ./

修改完成后重新执行构建，就能解决文件找不到的错误了。

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