为 react-app 运行 docker 容器时出现问题，其中 package.json 在子文件夹中

Question

I am trying to create a dockerfile for a project that has the following folder structure:

HDWD-project
|_ client
|    |_ package.json
|_ server
     |_ package.json

Client is a react-app and I am just working with this at the moment, before including server which is the backend.

I am having real trouble figuring out the logic of the dockerfile and have googled furiouly for the last two days. All the examples are too easy.

I just can't seem to get react-app to start in the container, and get varying error messages. But I need to know the dockerfile is fine before I proceed.

FROM node:latest
WORKDIR HDWD-project
COPY ./client/package.json .
RUN npm install
COPY . .
RUN cd client
CMD ["npm", "start"]

Going forward I have a script that can start both the server and the client, but I'm just trying to get my head around docker and getting the client frontend to run fine.

Would anyone be able to correct me on where the issue in this config is and explain it?

Answer 1

This is a docker file for the frontend( client in your case). You can make a dockerfile under your client folder and build the image with docker build -t image-name:tag-name.

# Pull the latest node image from dockerhub
FROM node:latest
# Create app directory 
WORKDIR /usr/src/app
# Copy package.json and package-lock.json to the workdir
COPY package*.json ./ 
# Install the dependencies
RUN npm install
# Bundle app source
COPY . .
# Run the app in docker
CMD ["npm", "start"]