reactjs - 如何让我的 docker 容器根据源文件的更改进行更新？

Question

我正在使用 docker-compose 构建一个 Django/React 应用程序，我希望它在进行更改时重新加载我的应用程序，到目前为止我已经尝试添加 CHOKIDAR_USEPOLLING，将 npm-watch 添加到我的 package.json，但它似乎无法检测到主机文件中的更改。

理想情况下，我不想每次进行更改时都必须运行 docker-compose up --build，因为这会使开发变得乏味。

编辑:我应该提到，应用程序都按预期重新加载在 docker 之外运行(npm start(cra 默认值)和 python manage.py runserver)。

在容器内检测到更改，但 React 应用程序不会重建。

我也在使用 Windows 10。

我的文件有问题还是我应该在这里做些什么？

docker-compose.yml

version: "3.9"
   
services:
  db:
    container_name: db
    image: postgres
    volumes:
      - ./data/db:/var/lib/postgresql/data
    environment:
      - POSTGRES_DB=postgres
      - POSTGRES_USER=postgres
      - POSTGRES_PASSWORD=postgres
  backend:
    container_name: backend
    build: ./backend
    command: python manage.py runserver 0.0.0.0:8000
    volumes:
      - .:/core
    ports:
      - "8000:8000"
    depends_on:
      - db
  frontend:
    container_name: frontend
    build: ./frontend
    command: npm start
    volumes:
      - './frontend:/app/'
      - '/frontend/node_modules'
    ports:
      - "3000:3000"
    environment:
      - CHOKIDAR_USEPOLLING=true
    depends_on:
      - backend
    # Enable interactive terminal (crucial for react container to work)
    stdin_open: true 
    tty: true

后端 Dockerfile

FROM python:3 
ENV PYTHONUNBUFFERED=1
WORKDIR /code/
COPY requirements.txt /code/
RUN pip install -r requirements.txt
COPY . /code/

前端 Dockerfile

FROM node:16

WORKDIR /app/

COPY package*.json /app/

RUN npm install

COPY . /app/

EXPOSE 3000

CMD ["npm", "start"]

Answer 1

您应该将卷直接挂载到您在 docker 镜像上运行代码的文件夹，而不是复制。这样，您的代码更改将反射(reflect)在您的应用中。

docker-compose.yml 中的示例:

volumes:
      - "local_source_destination:/server_source_destination"

在你的前端 docker-compose-yml 你有:

    volumes:
  - '.:/frontend/app'

但是在你的 Dockerfile 中你有

COPY . /app/

所以您似乎混淆了安装卷的位置。确保 '。'是代码文件夹的根目录所在的位置或相应地更改它。

尝试这样的事情:

 volumes:
  - '.:/app'

因为这似乎是您的服务器希望您的代码所在的位置。

如果您的代码已正确安装到正确的目的地，则可能是您没有从 docker 容器内部运行监视脚本。尝试运行:

docker exec -itw source_destination_in_container your_container_name command_to_run_watch