Docker构建Angular Node容器时找不到package.json的问题求助

错误原因 #

• 构建命令执行目录错误：你在不包含package.json的文件夹下运行了docker build，导致COPY . /app无法将package.json复制到容器的/app目录中。
• .dockerignore规则拦截：本地项目的.dockerignore文件里可能存在排除package.json的规则，导致复制操作跳过了该文件。
• 本地项目未初始化：你的Angular项目还没生成package.json（比如未执行ng new创建项目）。

解决方案 #

1. 切换到正确的构建目录
   打开终端，切换到你的Angular项目根目录（即包含package.json的文件夹），再重新执行构建命令：

   docker build -t angular-frontend .
   

2. 检查并修正.dockerignore
   打开项目根目录的.dockerignore文件，删除任何包含package.json、*.json的规则（node_modules/这类规则是正常的，无需删除）。

3. 确认本地项目存在package.json
   如果是新项目，先在本地执行Angular初始化命令生成项目文件：

   ng new your-angular-project
   cd your-angular-project
   

   完成后再执行Docker构建命令。

可选优化（提升构建效率） #

可以修改Dockerfile，先单独复制依赖配置文件，利用Docker缓存减少重复安装依赖的时间：

FROM node:16-alpine AS build

WORKDIR /app
EXPOSE 4200

ENV PATH /app/node_modules/.bin:$PATH

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

# 再复制项目其他文件
COPY . .

CMD ["npm", "run", "docker-start"]

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