Как запустить проект React в Docker?

Question

Я пытаюсь запустить свой реактивный проект локально с Docker. Вот конфигурации и структура папок моего проекта

  |- public
  | |- index.html
  |- src
  | |- Routes.jsx #can it be because this is not App.js?
  | |- index.js
  |- docker-compose.yml
  |- Dockerfile
  ...

docker -compose.yml

version: "3.7"
services:
  react-dev:
    container_name: sample_container
    build:
      context: .
      dockerfile: Dockerfile
    ports:
      - "3001:3000"
    volumes:
      - ".:/app"
      - "/app/node_modules"
    environment:
      - NODE_ENV=development

Dockerfile

FROM node:alpine
WORKDIR /app
COPY yarn.lock /app/yarn.lock
RUN yarn install --silent
RUN yarn add react-scripts@3.0.1 -g --silent
ENV PATH /app/node_modules/.bin:$PATH
COPY . /app
RUN yarn
CMD ["yarn", "start"]

Я получаю успешную сборку и успешно помечены вместе с надписью «Проект выполняется на http .....», но когда я захожу по ссылке, мой проект не отображается. Я уверен, что что-то отсутствует в моем Dockerfile, чтобы он не работал должным образом ...

Answer 1

Вы упомянули, что посетили ссылку. Но эта ссылка была сделана приложением внутри контейнера.

Например The application is now running on http://localhost:3000, 3000 - это порт внутри контейнера. И вы установили его на порт 3001 на вашей машине:

# docker-compose.yml

ports:
  - "3001:3000"

Итак, правильная ссылка http://localhost:3001