reactjs - 使用 docker run 命令启动开发服务器后，React Script 立即退出

Question

我安装了名为 create-react-app 的模块，然后执行了这个 create-react-app frontend 命令来生成项目。它是自定义图像。生成项目后，我制作了用于自定义图像生成的自定义 docker YAML 文件。图片生成成功。但是在使用此命令运行该图像时 docker run b99c49b119be 它会在启动开发服务器后立即退出。请参阅下面的错误。

我运行了自定义图像生成命令 docker build -f Dockerfile.dev 。

错误

Successfully built b99c49b119be
[root@client frontend]# docker run b99c49b119be

> frontend@0.1.0 start /app
> react-scripts start

ℹ ｢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

WORKDIR '/app'

COPY package.json .
RUN npm install

COPY . .

CMD ["npm", "run", "start"]

Answer 1

出于开发目的，只需使用 npm start，它使用 react-scripts 来运行并观察您的应用程序的变化。

要使用 docker 部署您的应用程序，您可以使用静态文件服务器，例如 serve in docker。使用下面的 dockerfile。

FROM node:8-alpine

RUN npm install serve -g

COPY build/ .

EXPOSE 5000

CMD ["serve", "-s", "."]

在构建镜像之前，运行 npm run build 以生成生产就绪的分发版 - 它是项目的 build 文件夹中所有文件的集合

有关如何部署使用 create-react-app 创建的 React 应用程序的更多详细信息 create-react-app docs