时间戳

首页 > 解决方案 > 无法使用 docker 容器运行反应应用程序

reactjs - 无法使用 docker 容器运行反应应用程序

问题描述

我有一个 react-app，它简单地显示 hello-world 消息，但我喜欢通过 docker-container 运行该应用程序，但遇到了这个问题。在此消息之后，进程停止而不运行应用程序.. 

ℹ ｢wds｣: Project is running at http://172.17.0.2/
ℹ ｢wds｣: webpack output is served from
ℹ ｢wds｣: Content not from webpack is served from /app/public
ℹ ｢wds｣: 404s will fallback to /
 Starting the development server...

无法理解我应该做什么，因为我的应用程序非常小，Dockerfile 中有基本代码

FROM node:alpine
RUN mkdir /app
COPY . /app
WORKDIR /app
COPY package.json ./
RUN npm install
CMD ["npm", "start"]

我是否需要安装 webpack-dev-server，我尝试过但出现版本错误，例如“手动添加的服务器”的版本低于现有服务器。所以我重新安装了 webpack-dev-server。

我已经使用“create-react-app”创建了应用程序，所以我认为每个依赖项都是自动管理的。有谁知道，我该如何解决这个问题。提前谢谢（顺便说一句 ..）

我用来构建的命令：docker build . -t lucki

运行镜像的命令： docker run -p 3000:3000 lucki

这是项目结构：在此处输入图像描述

在 Dockerfile 中添加 DEBUG=* 后，我的响应为： 在此处输入图像描述

标签： reactjsdockercreate-react-app

解决方案

问题是如果不是交互式终端，开发模式将无法运行。

更改 docker 命令以包含交互式终端：

添加-it到您的docker run命令（-i交互式，-t伪 TTY），例如docker run -it -p 3000:3000 your_container

规范故障排除

确保代码在没有 docker 的情况下运行

npm start在命令行上工作吗？

显示调试信息

添加DEBUG=*为容器内的环境变量。DEBUG是一个环境变量，用于控制许多 Node 模块的日志记录。

在你的Dockerfile，添加

ENV DEBUG=*

或者在命令行上，添加-e 'DEBUG=*'到您的docker命令。

这可能有助于发现以某种方式被吞噬的错误消息

直接运行节点

而不是运行npm start，直接运行您的文件。例如在你的Dockerfile,

CMD ["node", "index.js"]

尝试运行另一个 docker 容器

如果这是您的 docker 设置的问题，运行已知良好的容器可能会帮助您发现它。

docker run --rm -it node:alpine

改进

你Dockerfile也可以简化一点。

FROM node:alpine
WORKDIR /app
COPY package*.json ./
RUN npm install --production
COPY . .
CMD ["npm", "start"]
  • mkdir不需要，因为WORKDIR会自动创建目录。
  • package*.json也会复制package-lock.json
  • --production将跳过安装devDependencies
  • 将命令放在最后将更好地利用缓存（除非您的依赖项已更改，否则您不必COPY重新运行）npm install

您可能还想使用Tini。Tini 转发信号，这意味着docker stop在交互式终端中按 control+c 实际上会立即停止节点进程。

如果您使用的是 Docker 1.13+，请添加--init到命令行以转发信号并获取进程。在旧版本上，请按照自述文件中的说明进行操作

推荐阅读