为什么在为开发环境更改代码后,使用Docker容器的NextJS没有重新加载?

我尝试使用Dockerfile在Docker容器上运行NextJS并通过docker-compose运行,在JS文件(例如index.js)中更改代码后,未重新加载Next服务器。

但是,当我尝试在不使用Docker的情况下在室外运行时(通过直接执行“ npm run dev”命令),Next服务器确实能够顺利重新加载。

我也尝试通过“ nodemon”命令(在容器内)运行服务器,但也没有成功。

Dockerfile:

FROM node:10.14.2-alpine
COPY . /home/next_app
WORKDIR /home/next_app
RUN npm install

docker-compose.yml:

version: "3.6"
services:
  self_nextjs:
    container_name: self_nextjs
    build:
        context: ./app
        dockerfile: Dockerfile
    ports:
        - 3000:3000
    volumes:
        - ./app:/home/next_app
        - /home/next_app/node_modules
    networks:
        - zen_frontend
    restart: always
    command: npm run dev

networks:
  zen_frontend:
      name: zen_frontend
      driver: bridge

任何建议,将不胜感激。

伽罗2020/03/24 10:03:22

我在Windows 10上遇到了相同的问题。我遵循了该线程https://github.com/zeit/next.js/issues/6417中的一些说明基本上,您必须添加一个next.config.js以轮询更改。我不确定MacOS是否存在相同的问题。

module.exports = {
  webpackDevMiddleware: config => {
    config.watchOptions = {
      poll: 800,
      aggregateTimeout: 300,
    }
    return config
  },
}
Itachi2020/03/24 10:03:22

您是否通过公开webpack的默认热装端口进行了测试?

添加到您的 Dockerfile

...
EXPOSE 49153
...

并更新您的 docker-compose.yml

version: "3.6"
services:
  self_nextjs:
    container_name: self_nextjs
    build:
        context: ./app
        dockerfile: Dockerfile
    ports:
        - 3000:3000
        - 49153:49153
    volumes:
        - ./app:/home/next_app
        - /home/next_app/node_modules
    networks:
        - zen_frontend
    restart: always
    command: npm run dev

networks:
  zen_frontend:
      name: zen_frontend
      driver: bridge

希望有帮助

问候