无法使用docker容器运行react应用程序

Question

我有一个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。

Answer 1

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

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

将-it添加到您的docker run命令(-iinteractive,-tpseudo-TTY)中，例如docker run-it-p 3000:3000 your_container

在容器中添加debug=*作为环境变量。debug是控制许多节点模块日志记录的环境变量。

在dockerfile中，添加

ENV DEBUG=*

或者在命令行中，将-e'debug=*'添加到docker命令中。

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

如果这是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
• --产品将跳过安装DevDependencies
• 将copy命令放在最后将更好地利用缓存（除非依赖项已更改，否则不必重新运行npm install)