Docker环境下Angular服务热重载不生效但Django正常如何解决？

1. 修正Dockerfile拼写错误 #

你提供的Dockerfile-angular中存在笔误，RUN nom install需要修改为RUN npm install，避免依赖安装异常影响服务运行。

# 修正后的对应行
RUN npm install

2. 修改Angular启动配置 #

Angular默认的ng serve命令在容器环境下无法接收到宿主机挂载卷的文件变更事件，需要调整启动参数，打开轮询监听：

• 打开你前端项目的package.json文件，修改scripts下的start配置：

"start": "ng serve --host 0.0.0.0 --poll 2000 --disable-host-check"

参数说明：

• --host 0.0.0.0：允许容器外的网络访问Angular服务
• --poll 2000：开启每2秒轮询文件变更，解决容器挂载卷无法传递文件系统事件的问题
• --disable-host-check：关闭主机校验，避免跨域访问拦截报错

3. 排查挂载配置问题 #

• 验证卷挂载是否生效：执行docker exec -it <你的Angular容器名称> bash进入容器，查看/usr/src/app/src下的文件是否和宿主机修改后的内容一致，若不一致需检查宿主机的./frontend/project/src路径是否正确
• 排除node_modules冲突：如果本地的node_modules和容器内安装的依赖版本不一致，建议删除本地node_modules目录，删除docker-compose.yml中./frontend/project/node_modules:/usr/src/app/node_modules这一行挂载配置，让容器使用内部安装的依赖，避免版本冲突导致热重载失效

4. 验证端口映射 #

确认docker-compose.yml中Angular服务的4200端口已正确映射到宿主机端口，避免访问的是旧版本缓存的页面。

内容的提问来源于stack exchange，提问作者Alberto Sanmartin Martinez