인프런 커뮤니티 질문&답변
작성한 질문수
리액트 핫로딩 옵션 줘도 동작을 안하네요 ㅠ
작성
·
1.2K
0
ㅠㅠ 잘못된 부분이 있으면 아무나 알려주시면 감사하겠습니다..
밑에 많은 분들께서 올려주신 글 참고해서 해봤는데
docker 실행 옵션에
-e CHOKIDAR_USEPOLLING=true
위 옵션으로 실행해도 안되고
Dockerfile.dev 파일에
ENV CHOKIDAR_USEPOLLING=true
로 설정을 줘도 안되고
docker-compose.yml 파일에
environment: # 리액트 핫로딩 작동 옵션을 true 로 줘야 Volume 기능을 정상적으로 사용할 수 있다.
- CHOKIDAR_USEPOLLING=true
설정을 해줘도 리프래쉬시 화면이 변경되지 않네요...
컨테이너 내부에 접근해서 확인하였을 땐 App.js파일이 정상적으로 바뀌고 있습니다.
무슨문제일까요
퀴즈
Docker Compose의 주된 역할은 무엇일까요?
컨테이너 이미지를 만드는 역할
단일 Docker 컨테이너를 실행하는 역할
다중 컨테이너 애플리케이션을 정의하고 관리하는 역할
Docker 데몬을 설치하고 설정하는 역할
답변 2
0
0
NoName
질문자
docker-compose.yml 파일 내용
# 도커 컴포즈 버전
version: "3"
services: # 이곳에 실행하려는 컨테이너들을 정의
react: # 컨테이너 이름
build: # 현 디렉토리에 있는 Dockerfile 사용
context: . # 도커 이미지를 구성하기 위한 파일과 폴더들이 있는 위치
dockerfile: Dockerfile.dev # 도커 파일이 어떤것인지 지정
ports:
- "3000:3000" # 포트맵핑 로컬포트 : 컨테이너 포트
volumes: # 로컬 머신에 있는 파일들 맵핑
- /usr/src/app/node_modules
- ./:/usr/src/app
environment: # 리액트 핫로딩 작동 옵션을 true 로 줘야 Volume 기능을 정상적으로 사용할 수 있다.
- CHOKIDAR_USEPOLLING=true
stdin_open: true # 리액트 앱을 끌 때 필요(버그 수정)
Dockerfile.dev 파일 내용
FROM node:alpine
WORKDIR /usr/src/app
# packages.json을 먼저 복사를 해서 캐싱된 모듈을 사용하게 함으로써
# 빌드 시 불필요한 설치과정을 패스하게 됨
COPY package.json ./
RUN npm install
# COPY [복사 할 파일 경로] [컨테이너내에서 파일이 복사될 경로]
# COPY ./ ./
CMD ["npm","run","start"]
# Mac 에선 상관 없지만
# Window에서 Volume 기능으로 실시간 화면이 변화하는걸 확인하고 싶으면
# 리액트 핫로딩 작동 옵션을 true 로 줘야 Volume 기능을 정상적으로 사용할 수 있다.
# ENV CHOKIDAR_USEPOLLING=TRUE
잘못된 부분 있는지 확인 부탁드리겠습니다.
OS는 window10 pro이고 vsc사용하여 코드 편집, power shell 사용하여 실행 하고 있습니다
저는 결국 해결하지 못하고 넘어갔습니다.
다른분들이 적어둔 해결방법들 다 해봤는데 안되더라구요 ㅠㅠ
근데 저부분이 중요하다고 느껴지는 부분은 아니라 너무 시간만 오래 잡아먹을 것 같아서
그냥 wsl2 설치해서 실행하니깐 잘 되길래 넘어갔습니다.
지금도 계속 wsl2로 idea 실행시켜서 수업 진행하고있어요