docker - Docker容器中的热重载在一段时间后停止工作

Question

背景

我们使用Docker容器化Vue.js应用程序并使用源代码装载卷。

Docker文件

FROM node:13.8-alpine
RUN yarn install && \
    apk add --no-cache git
COPY . /usr/src/app
WORKDIR /usr/src/app
EXPOSE 8080
CMD ['/bin/sh', 'start_compose.sh']

docker-compose.yml

version: '3'
services:
  web:
    build: .
    volumes:
      - .:/usr/src/app:delegated
    ports:
      - '8080:8080'
    command: ['/bin/sh', 'start_compose.sh']

start_compose.sh

yarn install
npm rebuild node-sass
yarn serve

问题

热重装通常可以正常工作，并且代码更改通常会立即反射(reflect)在浏览器中。

但是经常过一会儿，热重装就会停止工作，并且代码更改不会反射(reflect)在浏览器中。

停止并重新启动容器可以解决此问题一段时间。

问题

是什么导致此问题，解决方案是什么？

谢谢!

Answer 1

将watchOptions添加到vue.config.js似乎有所帮助。

vue.config.js

module.exports = {
  devServer: {
    watchOptions: {
      aggregateTimeout: 300,
      poll: 1000,
    },
  },
};

我仍在测试，看看是否可以解决问题。