我有一个基于 Facebook 的 create-react-app
的 React 应用程序。在开发过程中,我在特定的本地端口 (60001) 上运行它。为此,我将 package.json 的 scripts
部分中的默认 start
脚本更改为以下内容:
"start": "set PORT=60001 && react-scripts start",
我现在需要使用同一端口在 Docker 容器中运行它。在我的 Dockerfile 中,我有以下两个阶段:
FROM node:alpine as build
COPY ./package.json /app/package.json
WORKDIR /app
RUN npm install
RUN rm -f .npmrc
FROM build as build-dev
COPY ./public/ /app/public
COPY ./src/ /app/src
EXPOSE 60001
CMD ["npm", "start"]
请注意,我正在公开我希望 npm 开发服务器绑定(bind)到的容器上的端口。
我按照您的预期构建图像,目标是上面的 build-dev
Docker 阶段。
docker build --target build-dev -t my-app:local
然后我像这样运行容器:
docker run -it -p 60001:60001 my-app:local
目的是在我希望我的开发应用程序构建运行时将我的本地端口 60001 绑定(bind)到容器上的同一端口。
当我执行此操作时,我会看到确认 npm 正在运行正确的脚本并且应用程序已编译。但是,浏览到 http://localhost:60001/什么都不给我。只是一个 ERR_CONNECTION_REFUSED
,好像那里什么都没有。
我看不出我做错了什么。有任何想法吗?我希望我能够从容器日志中获得一些见解,但是当我为这个容器运行 docker logs
时,我只看到 react 脚本输出确认我的应用程序已编译。
最佳答案
如果你正在使用 docker-compose 添加这一行就解决了我的问题......
该行是 stdin_open: true
。
这是我的 docker-compose.yml
的一个基本示例:
version: "3.7"
services:
test-app:
stdin_open: true
container_name: test-app
build: .
ports:
- "3000:3000"
volumes:
- /app/node_modules
- .:/app
示例Dockerfile
供引用:
FROM node:alpine
WORKDIR /app
COPY package.json yarn.lock ./
RUN yarn install
COPY . .
EXPOSE 3000
CMD ["yarn", "start"]
有关这方面的更多信息,我会查看 create-react-app
祝你好运!这让我抓狂了几个小时
PS 不确定这在生产构建中会怎样
关于node.js - 无法使用 Node :alpine 在 Docker 容器中运行 React 应用程序的开发版本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58419110/