1 
Compiled successfully!
web_1  |
web_1  | You can now view react-docker-app in the browser.
web_1  |
web_1  |   Local:            http://localhost:3000
web_1  |   On Your Network:  http://172.18.0.2:3000
web_1  |
web_1  | Note that the development build is not optimized.
web_1  | To create a production build, use yarn build.
web_1  |

运行 docker-compose up 给出了上面的输出，但是当我尝试在浏览器上连接到服务器时，我什么也没得到：

The server at 172.18.0.2 is taking too long to respond.

Firefox can’t establish a connection to the server at localhost:3000.

我输入了端口和地址：

http://172.18.0.2:3000/

http://localhost:3000/

我没有收到任何错误消息。我正在使用我用 npx create-react-app docker-app 创建的样板项目。

有什么不对。

这是我的码头文件：

version: '3'
services:
  web: 
    build:
      context: .
      dockerfile: Dockerfile.dev
    ports: 
      - "3000:3000"
    stdin_open: true
    tty: true
    volumes:
      - /app/node_modules
      - .:/app

Dockerfile.dev：

FROM node:11.10.1-alpine

WORKDIR '/app'

COPY package.json .
RUN npm install

COPY . .

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

2 回答 2

1

我可以看看你的 Dockerfile.dev 吗？

它应该看起来像这样：

FROM node:13
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
EXPOSE 3000
CMD [ "npm", "start" ]
于 2020-05-12T23:56:26.573 回答
0

我在 Windows 8 上使用 Docker Toolbox，因为我无法在 Windows 10 上使用最新的 Docker，所以 ip 是http://192.168.99.100:3000/似乎 Docker Toolbox 的工作方式有点不同，因为它有自己的ip地址。

于 2020-05-13T18:07:30.783 回答