我正在尝试使用以下命令创建一个反应应用程序create-react-app
所描述的工具here.
我想用docker-compose
在 docker 容器内运行 React 应用程序。我已采取以下步骤:
在我的机器上我创建了一个目录调用app
并运行一个nodejs docker容器:
mkdir app
docker run -it --rm -v "$(pwd)/app:/app" -w /app -p 3000:3000 node:13.10.1 bash
在容器内,我初始化我的反应应用程序并启动我的应用程序:
npx create-react-app .
yarn start
我打开时可以看到默认的反应页面http://本地主机:3000/#/在我的浏览器中。
接下来我停下来yarn start
并退出容器。
在我的机器上,我可以通过运行以下命令来启动 React 应用程序:
docker run -it --rm -v "$(pwd)/app:/app" -w /app -p 3000:3000 node:13.10.1 yarn start
当我打开时,我再次可以看到默认的反应页面http://本地主机:3000/#/在我的浏览器中。
接下来,我通过停止 docker 容器来停止 React 应用程序。
最后,我创建了以下内容docker-compose.yml
file:
version: '3.7'
services:
test-create-react-app:
image: node:13.10.1
volumes:
- ./app:/app
working_dir: /app
ports:
- 3000:3000
command: ["yarn", "start"]
当我使用启动 docker 容器时docker-compose
容器启动然后立即停止:
➜ test-create-react-app docker-compose up
Creating network "test-create-react-app_default" with the default driver
Creating test-create-react-app_test-create-react-app_1 ... done
Attaching to test-create-react-app_test-create-react-app_1
test-create-react-app_1 | yarn run v1.22.0
test-create-react-app_1 | $ react-scripts start
test-create-react-app_1 | ℹ 「wds」: Project is running at http://172.21.0.2/
test-create-react-app_1 | ℹ 「wds」: webpack output is served from
test-create-react-app_1 | ℹ 「wds」: Content not from webpack is served from /app/public
test-create-react-app_1 | ℹ 「wds」: 404s will fallback to /
test-create-react-app_1 | Starting the development server...
test-create-react-app_1 |
test-create-react-app_1 | Done in 1.31s.
test-create-react-app_test-create-react-app_1 exited with code 0
有人可以解释为什么应用程序在启动 Docker 容器时停止使用docker-compose
?
以下一些版本可能会帮助您找到问题:
码头工人版本:
➜ test-create-react-app docker version
Client:
Version: 19.03.6
API version: 1.40
Go version: go1.12.17
Git commit: 369ce74a3c
Built: Fri Feb 28 23:45:43 2020
OS/Arch: linux/amd64
Experimental: false
Server:
Engine:
Version: 19.03.6
API version: 1.40 (minimum version 1.12)
Go version: go1.12.17
Git commit: 369ce74a3c
Built: Wed Feb 19 01:06:16 2020
OS/Arch: linux/amd64
Experimental: false
containerd:
Version: 1.3.3-0ubuntu1~18.04.1
GitCommit:
runc:
Version: spec: 1.0.1-dev
GitCommit:
docker-init:
Version: 0.18.0
GitCommit:
Docker 撰写版本:
➜ test-create-react-app docker-compose version
docker-compose version 1.25.0, build 0a186604
docker-py version: 4.1.0
CPython version: 3.7.4
OpenSSL version: OpenSSL 1.1.0l 10 Sep 2019
反应应用程序包:
➜ test-create-react-app cat app/package.json
{
"name": "app",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.3.2",
"@testing-library/user-event": "^7.1.2",
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-scripts": "3.4.1"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}