Docker 文件系统未加载到本地主机

Question

目前，我正在开发一个带有 react 前端、mysql DB 和 apache php 实例的全栈应用程序。我从 docker 容器到 localhost 的更改似乎出现了问题。我可以从我的本地机器写入 -> docker，但似乎localhost没有从我的docker容器中读取react。

我知道我的安装工作正常 本地计算机 -> docker 文件系统 因为每当我在 IDE 中进行更改并保存，然后在我的 docker 容器中运行 cat App.js 时，这些更改就在那里。

任何见解都会有所帮助，我认为正在发生的事情是 docker 在创建容器时获取文件的副本，因为每当我重新创建容器时，我都会更改为本地主机。

ps 我是 docker 新手，所以如果您需要更多信息，请告诉我。谢谢！

docker-compose

version: "3.7"

services:
  frontend:
    container_name: frontend
    build:
      context: "./hartley_react"
      dockerfile: Dockerfile
    volumes:
      - "./hartley_react:/app"
      - "/app/node_modules"
    ports:
      - 3000:3000
    stdin_open: true
    environment:
      - CHOKIDAR_USEPOLLING=true
    command: npm start

  php:
    container_name: php
    build:
      context: "./dockerfiles/php-img/"
    ports:
      - "80:80"
    volumes:
      - ./src:/var/www/html/

  db:
    container_name: db
    image: mysql
    command: --default-authentication-plugin=mysql_native_password
    restart: always
    environment:
      MYSQL_ROOT_PASSWORD: example
      MYSQL_DATABASE: userdb
      MYSQL_USER: my_user
      MYSQL_PASSWORD: my_password
    volumes:
      - ./mysqldata:/var/lib/mysql

  adminer:
    container_name: adminer
    depends_on:
      - db
    image: adminer
    restart: always
    ports:
      - 8080:8080

volumes:
  my-mysqldata:
  frontend:

React DockerFile

FROM node:17.4.0-alpine
WORKDIR /app
COPY package.json .
RUN npm install
COPY . ./
EXPOSE 3000
CMD [ "npm", "start" ]

Answer 1

我猜你的问题是，如果你编辑文件，npm start不会自动重新加载。为此，您可以使用nodemon或supervisor，它们可以在每次更新文件时重新加载项目。否则，您应该手动重新启动（可能通过重新启动 docker 容器）

Answer 2

您可以尝试以下一些操作：

检查您的 package.json 文件，特别是启动脚本是否为 npm start 提供热重载选项。
为此，您可以在本地（不使用 docker）进行完整测试，并检查您在 html（前端）中所做的更改是否确实反映在本地应用程序中，而无需重建。

其次，在 package.json 文件（自定义脚本）中创建另一个脚本，以使 npm run/ npm dev （在 React 中可用，但不确定是否适合您的情况）进行热重载或使用 nodemon 。
一旦你有了这个，在你的 docker-compose 文件中使用它来代替 CMD [ "npm", "start" ]

对我来说，看起来你的 dockerfile 和 docker-compose 文件以及指定的卷定义看起来没问题。
但只有一件事 - 不确定为什么你在 docker-compose 文件中提到“命令：npm start”，而你在创建图像时已经在 dockerfile 中覆盖了该部分。