ReactJS + Docker-Compose错误| “找不到所需的文件”

Question

我有一个已被docker化的ReactJS应用程序。该应用程序内置在docker映像中，并在使用docker-compose工具的容器上运行以进行开发。当我将其与Docker for Windows一起使用时，这很好。下面是package.json，它是一个非常古老的reactjs支架。

{
  "name": "client",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "axios": "^0.18.0",
    "react": "^16.8.0",
    "react-dom": "^16.8.0",
    "react-router-dom": "^4.3.1",
    "react-scripts": "2.1.2",
    "react-listbox":"^1.2.5"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ],
  "devDependencies": {
    "enzyme": "^3.8.0",
    "enzyme-adapter-react-16": "^1.7.1"
  }
}

客户代码的文件夹结构（大致概念）-

client
  -- public
    - index.html
  -- src
    - App.js
  package.json

Dockerfile

# base image
FROM node:11.6.0-alpine

# set working directory
WORKDIR /usr/src/app

# add `/usr/src/app/node_modules/.bin` to $PATH
ENV PATH /usr/src/app/node_modules/.bin:$PATH

# install and cache app dependencies
COPY package.json /usr/src/app/package.json
RUN npm install

# start app
CMD ["npm", "start"]

docker-compose-dev.yml

version: '3.7'

services:
  client:
      build:
        context: ./services/client
        dockerfile: Dockerfile
      volumes:
        - './services/client:/usr/src/app' #(map)  outside: inside the docker 
        - '/usr/src/app/node_modules'
      ports:
        - 3007:3000
      environment:
        - NODE_ENV=development

但是，当我尝试将此docker映像推送到存储库，然后使用它部署到云容器（可能是基于Unix的系统）时，部署失败，并显示NPM ERR（如下所述）。

STDERR

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: `react-scripts start`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2020-03-11T03_53_28_432Z-debug.log

STDOUT

> [email protected] start /usr/src/app
> react-scripts start

Could not find a required file.
  Name: index.html
  Searched in: /usr/src/app/public

[当我非常确定，文件位于index.html下并且挂载到dockerized图像上时，它并没有说/public/未找到。

NOTE - I know the fact that this is not the way the reactjs code should be deployed on server. It should be through a web server like nginx. But the legacy team had little knowledge about the front end development. Please help regardless.

Answer 1

您正在将client文件夹作为卷安装在Docker映像中。因此，无论您将Docker映像部署到何处，都将期望挂载该卷。相反，您可以将文件夹复制到docker image并使其独立。

FROM node:11.6.0-alpine

# set working directory
WORKDIR /usr/src/app

# add `/usr/src/app/node_modules/.bin` to $PATH
ENV PATH /usr/src/app/node_modules/.bin:$PATH

# install and cache app dependencies
COPY public /usr/src/app/public
COPY src /usr/src/app/src
COPY package.json /usr/src/app/package.json
RUN npm install

# start app

CMD [“ npm”，“开始”]

您的docker-compose-dev.yml将是：

version: '3.7'

services:
  client:
      build:
        context: ./services/client
        dockerfile: Dockerfile
      ports:
        - 3007:3000
      environment:
        - NODE_ENV=development