Reactjs docker生成失败，原因是；复制失败：没有这样的文件或目录"；错误

我正在设置travis ci，以便在docker映像提交到github时构建和推送它们。
但即使api和nginx映像成功，客户端docker映像也未构建并推送到docker hub。

Sorce代码在这里：

• 客户：反应
• api:golang
• ci:travis ci

这是

.travis.yml

language: generic
sudo: required
services:
  - docker

before_install:
  - docker build -t jpskgc/react-test -f ./client/Dockerfile.dev ./client

script:
  - docker run -e CI=true jpskgc/react-test npm test

after_success:
  - docker build -t jpskgc/multi-client ./client
  - docker build -t jpskgc/multi-nginx ./nginx
  - docker build -t jpskgc/multi-api ./api
  - echo "$DOCKER_PASSWORD" | docker login -u "$DOCKER_ID" --password-stdin
  - docker push jpskgc/multi-client
  - docker push jpskgc/multi-nginx
  - docker push jpskgc/multi-api

这是客户端中的

Dockerfile

FROM node:alpine as builder
WORKDIR '/app'
COPY ./package.json ./
RUN npm install
COPY . .
CMD ["npm", "run", "build"]

FROM nginx
EXPOSE 3000
COPY ./nginx/default.conf /etc/nginx/conf.d/default.conf
COPY --from=builder /app/build /usr/share/nginx/html

我希望客户端docker映像已生成并推送到dockerhub。
但实际情况并非如此

4.75s$ docker build -t [secure]/multi-client:latest ./client
553Sending build context to Docker daemon   1.22MB
554Step 1/10 : FROM node:alpine as builder
555 ---> d97a436daee9
556Step 2/10 : WORKDIR '/app'
557 ---> Using cache
558 ---> 9f51c260f236
559Step 3/10 : COPY ./package.json ./
560 ---> Using cache
561 ---> e46d1f93865a
562Step 4/10 : RUN npm install
563 ---> Using cache
564 ---> 4961700b8f5c
565Step 5/10 : COPY . .
566 ---> Using cache
567 ---> 4a5333f50509
568Step 6/10 : CMD npm run build
569 ---> Running in 15030b24cd9a
570 ---> e967a522abbe
571Removing intermediate container 15030b24cd9a
572Step 7/10 : FROM nginx
573latest: Pulling from library/nginx
574f5d23c7fed46: Pulling fs layer
575918b255d86e5: Pulling fs layer
5768c0120a6f561: Pulling fs layer
5778c0120a6f561: Download complete
578918b255d86e5: Verifying Checksum
579918b255d86e5: Download complete
580f5d23c7fed46: Download complete
581f5d23c7fed46: Pull complete
582918b255d86e5: Pull complete
5838c0120a6f561: Pull complete
584Digest: sha256:eb3320e2f9ca409b7c0aa71aea3cf7ce7d018f03a372564dbdb023646958770b
585Status: Downloaded newer image for nginx:latest
586 ---> e445ab08b2be
587Step 8/10 : EXPOSE 3000
588 ---> Running in 84d04cfc54e6
589 ---> 1ed6838be8e8
590Removing intermediate container 84d04cfc54e6
591Step 9/10 : COPY ./nginx/default.conf /etc/nginx/conf.d/default.conf
592 ---> eb7dd4d2b5a6
593Step 10/10 : COPY --from=builder /app/build /usr/share/nginx/html
594COPY failed: stat /var/lib/docker/overlay2/8eab810f807b8244ed20da7b916d08aa7dc2baf99237b8ecba323e39d0a71cea/merged/app/build: no such file or directory
after_success.2
5950.20s$ docker build -t [secure]/multi-nginx ./nginx
after_success.3
60367.74s$ docker build -t [secure]/multi-api ./api
after_success.4
6800.61s$ echo "$DOCKER_PASSWORD" | docker login -u "$DOCKER_ID" --password-stdin
after_success.5
6820.04s$ docker push [secure]/multi-client:latest
683The push refers to a repository [docker.io/[secure]/multi-client]
684An image does not exist locally with the tag: [secure]/multi-client
after_success.6
6853.94s$ docker push [secure]/multi-nginx
after_success.7
69626.63s$ docker push [secure]/multi-api
742
743Done. Your build exited with 0.

---

您可以使用

npm run build

创建生成。您将其放入

CMD

中，这意味着它将在您从此映像启动容器时运行，但不会在构建时运行

如果要在映像生成时创建应用程序生成，则需要使用

run

运行

npm run build

，就像使用

npm install

一样

此版本应适用于：

来自节点：作为构建器
WORKDIR'/app'
复制./package.json/
运行npm安装
复制
运行npm运行构建
来自nginx
暴露3000
复制./nginx/default.conf/etc/nginx/conf.d/default.conf
复制--from=builder/app/build/usr/share/nginx/html

---

如果这不起作用，请检查

npm run build

在您的应用程序中实际做了什么。

在

复制之后添加
运行ls-l
/app

中包含的内容，请在生成器中使用code>，我具有类似的配置，但仍然会遇到相同的错误。唯一的区别是，我使用的是Angular，package.json文件中的build命令是“ng build--prod”。请提供帮助this@MANJITKUMAR这个问题没有提到错误，只是一些没有发生的事情。另外，您是否完全应用了解决方案？也许用您的配置文件打开一个新问题会有帮助，我可以查看一下。我发现解决方案问题的方法是angular（/app/dist/{app name}）的路径不同于React app（'/app/build/'），在更正路径后效果很好