인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

broccoliindb님의 프로필 이미지
broccoliindb

작성한 질문수

Slack 클론 코딩[실시간 채팅 with React]

웹팩 데브 서버 세팅하기

manually reload해야 컴파일된 파일 적용됨

작성

·

297

0

우선 원인을 찾아달라고 부탁드리는건 절대 아니구요. 

다른분도 혹시 저 같은 분이 있는지 알고 싶어서 글남겨요.

일단 컴파일 잘되고 수동으로 브라우저 새로고침하면서 작업하면 되니까 문제는 없는데 불편함이 좀 있기도하고 원인도 알고싶어서요. 구글링을 해보고 하는데도 아직 제대로 해결을 못했거든요.

제 환경은 아래와 같아요

ℹ️ 환경

피씨:ubuntu 20.04

브라우저: 크롬 91.0.4472.164

💁 webpack-dev-server 컴파일 잘 되고 수정된 부분 반영 잘되는데, 브라우저가 새로고침이 자동으로 되지 않는 현상.

저는 참고로 '@pmmmwh/react-refresh-webpack-plugin' 이 패키지 설치 안해도 hot reload 잘 됐었거든요. 예전 노드버드했을때요. 그래서 그때 이거 그냥 제거하고 했었고. 제가 바닐라로 작업하는 프로그램에도 웹팩으로 설정했을때도 따로 위에 패키지 안하고도 핫리로드 잘돼서 그냥 원인 모를 특정환경에서 리로드안될 때만 적용하면 되겠다 생각하고 있는중이었는데.ㅠ

⭐⭐ 시도

ts는 안해봐서 강의대로 따라했는데 새로고침이 ㅠㅠ. 컴파일은 잘 됩니다.

✅ @pmmmwh/react-refresh-webpack-plugin 평소처럼 빼고 해보도 넣어봐도 안되네용.ㅠ

마지막으로 원본 깃허브에 있는 소스도 그대로 수정없이 npm i, npm run dev 해도 새로고침은 안되고 컴파일만 잘되는현상입니다.

아래처럼 브라우저 콘솔에 찍혀야하는데 저게 안찍히네요. 그게 원인인거 같은데 이유는 아직 못찾았습니다.

 

웹팩설정을 첨부하려다 원본파일도 현상이 동일해서 의미가 없는거 같아서 그냥 문의 글만 올려봅니다 .혹시 저같은 사람 또 없나해서요~ 일단은 너무 시간을 잡아먹는거 같아서 그냥 수동으로 새로고침해가면서 작업하려고요. 

긴글 읽어주셔서 감사합니다. 

답변

답변을 기다리고 있는 질문이에요
첫번째 답변을 남겨보세요!
broccoliindb님의 프로필 이미지
broccoliindb

작성한 질문수

질문하기