ReactJS + Docker -Составить ОШИБКА | «Не удалось найти необходимый файл» - PullRequest
Новая
       4

ReactJS + Docker -Составить ОШИБКА | «Не удалось найти необходимый файл»

0 голосов
/ 11 марта 2020

У меня есть приложение ReactJS, которое было докеризовано. Приложение встроено в образ docker и запущено в контейнере для разработки, также с использованием инструмента docker. Это хорошо работает, когда я использую его с Docker для Windows. Ниже приведен пакет. 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

Но когда я пытаюсь скопировать sh этот docker образ в репозиторий, а затем использовать его для развертывания в Облачный контейнер (возможно, система на основе unix), развертывание завершается с ошибкой NPM ERR (как описано ниже).

STDERR 


npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! client@0.1.0 start: `react-scripts start`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the client@0.1.0 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 

> client@0.1.0 start /usr/src/app
> react-scripts start

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

Не удается сказать, что index.html не найден, когда я совершенно уверен, что файл находится под /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.

1 Ответ

1 голос
/ 11 марта 2020

Вы монтируете папку client как том в образе docker. Поэтому, где бы вы ни развернули образ docker, он будет ожидать монтирования тома. Вместо этого вы можете скопировать папку в docker изображение и сделать его автономным. 

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", "start"]

Ваш docker-compose-dev.yml будет: 

version: '3.7'

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