ПОПУЛЯРНАЯ ПРОБЛЕМА REACT: как запустить контейнер docker, обслуживающий приложение reactjs в Azure, с помощью docker-compose?

#reactjs #azure #docker #docker-compose #create-react-app

#reactjs #azure #docker #docker-compose #create-react-app

Вопрос:

Я следовал этому руководству: https://www.docker.com/blog/how-to-deploy-containers-to-azure-aci-using-docker-cli-and-compose / для развертывания контейнеров в Azure. Когда я запускаю «docker compose up», я вижу, что контейнеры запущены в Azure, но контейнер reactjs не запускается должным образом. Журналы показывают, что он терпит неудачу с :

 [34mℹ[39m [90m「wds」[39m: webpack output is served from 
[34mℹ[39m [90m「wds」[39m: Content not from webpack is served from /app/public
[34mℹ[39m [90m「wds」[39m: 404s will fallback to /
 Starting the development server...
  

Ниже приведен мой файл docker-compose :

 version: "3.8"

services:
   frontend:
     image: suyashpatel98/tic-tac-toe-frontend
     stdin_open: true
     tty: true
     environment:
       - CI=true
     depends_on:
       - backend
     expose:
       - "3000"
     ports:
       - "3000:3000"
   backend:
     image: suyashpatel98/tic-tac-toe-backend
     ports:
       - "8080:8080"
  

Локально как внешние, так и внутренние контейнеры работают нормально после выполнения команды «docker-compose up», но я сталкиваюсь с вышеупомянутой ошибкой при попытке запустить контейнеры в Azure. Пожалуйста, найдите исходный код для справки здесь: https://github.com/suyashpatel98/tic-tac-toe-app

Ответ №1:

Понижение версии react-scripts до 3.4.0 работает для меня

Комментарии:

1. Чтобы перейти к версии 3.4.0, мне нужно изменить файл package.json и запустить «npm install», верно? Есть ли что-нибудь еще, что мне нужно сделать? Я немного новичок, когда дело доходит до React. Спасибо!

2. Да, это должно сработать. Я тоже новичок, надеюсь, это поможет решить вашу проблему.