Angular Docker 热重载在 Windows 上不起作用

Question

在 Windows 的 docker 容器中运行新创建的 angular 应用程序不会在更改时热重新加载应用程序。我试过这个Docker 容器不会重新加载 Angular 应用程序。

但一直失败，如果我创建图像然后运行容器，我会得到：

web_1 | npm ERR! enoent ENOENT: no such file or directory, open '/usr/src/app/package.json'

我还尝试了这篇文章（适用于 Mac 但不适用于 Windows）：
Dockerizing an Angular App

我尝试添加--poll到我的angular.json：

"docker": {
    "poll": 2000
},

• 这是我的 DockerFile

FROM node:8.11.2

# set working directory
RUN mkdir /usr/src/app
WORKDIR /usr/src/app

# add `/usr/src/app/node_modules/.bin` to $PATH
ENV PATH /usr/src/app/node_modules/.bin:$PATH

COPY package.json /usr/src/app/package.json
RUN npm install
RUN npm install -g @angular/cli@6.1.5

# add app
COPY . /usr/src/app

EXPOSE 4200 49153
# start app
CMD ng serve --port 4200 --host 0.0.0.0 --poll 1

这就是我运行它的方式：
docker build -t something-clever .

对于容器：
docker run -it -v C:/Users/test-docker -v /usr/src/app/node_module -p 4200:4200 -p 49153:49153 --rm something-clever bash -c "npm start"

任何帮助表示赞赏。谢谢你。

Answer 1

您的配置中有一些问题，首先我假设您想绑定C:/Users/test-docker到/usr/src/app/node_module？

如果不是这种情况，您将需要将本地项目目录绑定到/usr/src/app/node_module. 您可以使用文档-v <source_dir>:<target_dir>中描述的语法来完成此操作。

所以这会导致docker run -it -v C:/Users/test-docker:/usr/src/app/node_module -p 4200:4200 -p 49153:49153 --rm something-clever bash -c "npm start"

其次，您当前是在构建映像时复制文件，而不是在运行映像时复制文件。这意味着 docker 镜像中当前存在的文件将始终保持不变，除非您重新启动它。当您将项目目录直接绑定到容器中时，此步骤将变得过时。

通过这样做，文件将在您的主机和docker 容器内更新。因此，在修复卷安装后，您只需从 docker 文件中删除复制行即可。

我希望这可以帮助你