Docker环境下修改index.js后页面无法自动重载的解决方法

核心修改方案： #

1. 调整环境变量，关闭生产模式监听限制 #

nodemon默认在NODE_ENV=production时会自动禁用文件监听功能，将环境变量改为开发模式：

environment:
  - NODE_ENV=development

2. 添加nodemon兼容性参数，适配容器文件系统 #

Docker容器内的文件系统监听存在兼容性问题，给dev脚本添加--legacy-watch参数强制启用监听：

"scripts": {
  "start": "node src/index.js",
  "dev": "nodemon --legacy-watch src/index.js",
  "test": "echo \"Error: no test specified\" && exit 1"
},

3. 改用本地安装的nodemon（更可靠） #

避免全局安装nodemon带来的路径或权限问题，改为本地安装后调用：

• 先在本地执行npm install nodemon --save-dev，将其加入dev依赖
• 修改docker-compose的command，去掉全局安装步骤：

command: sh -c "npm install && npm run dev"

4. 补充用户权限配置（可选） #

添加user: node配置，使用镜像内置的node用户运行容器，避免本地文件挂载后的权限冲突：

user: node

最终完整配置示例 #

docker-compose.yaml：

node_app:
  container_name: my_node
  image: node:18.18.0-alpine
  restart: always
  user: node
  working_dir: /home/node/mvc_node_express
  volumes:
    - ./:/home/node/mvc_node_express
  command: sh -c "npm install && npm run dev"
  environment:
    - NODE_ENV=development
  ports:
    - "3000:3000"

package.json的scripts：

"scripts": {
  "start": "node src/index.js",
  "dev": "nodemon --legacy-watch src/index.js",
  "test": "echo \"Error: no test specified\" && exit 1"
},

内容的提问来源于stack exchange，提问作者Dan Leo