Docker compose 热重载不适用于 vuejs 应用程序

Question

我有一个在 docker 上运行的 vueJS 小应用程序。当我通过它运行应用程序时，yarn serve它运行良好，在 docker 中也运行良好。

我的问题是热重载不起作用。

我的 Dockerfile：

FROM node:12.2.0-alpine

WORKDIR /app
COPY package.json /app/package.json
RUN npm install
RUN npm install @vue/cli -g

CMD ["npm", "run", "serve"]

我的 docker-compose.yml：

version: '3.7'

  services:

    client:
      container_name: client
      build:
        context: .
        dockerfile: Dockerfile
      volumes:
        - '.:/app'
        - '/app/node_modules'
      ports:
        - '8082:8080'

有谁能看到我犯的错误吗？

Answer 1

我找到了解决方案：我将以下内容添加到我的撰写文件中：

environment: 
  - CHOKIDAR_USEPOLLING=true

Answer 2

过去对我有用的是在 docker-compose.yml 文件中使用它：

  frontend:
    build: 
      context: .
      dockerfile: vuejs.Dockerfile
    # command to start the development server
    command: npm run serve
    # ------------------ #
    volumes:
      - ./frontend:/app
      - /app/node_modules # <---- this enables a much faster start/reload
    ports:
      - "8080:8080"
    environment: 
      - CHOKIDAR_USEPOLLING=true # <---- this enables the hot reloading