inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

웹팩 데브 서버 세팅하기

run dev

304

이민재

작성한 질문수 1

0

dev server 설정 이렇게 하고

index.html 에서 ./dist/에서 /dist/로 바꾸니깐 새로고침이 안됩니다. 더 자세히 설명드리면 브라우저에서 app.tsx을 수정하면 브라우저에서 새로고침은 되지만 app.js가 수정이 안되고 브라우져에 뜨는 내용도 안바뀝니다, 

그리고 브라우저에 404가 뜹니다.

어떻게 해야 하나요?

typescript babel Socket.io react 웹팩 클론코딩

답변 1

0

제로초(조현영)

일단 ./dist로 계속 쓰시면 됩니다.

output 설정 한 번 확인은 해봐야할 것 같네요.

0

이민재

.을 붙이면 npm run build하면 최신화 되서 브라우저에 잘 보이지만 npm run dev를 하면 app.tsx에서 바뀐 내용이 최신화 되지 않습니다. 그냥 계속 수정할때마다 npm run build 로 수시로 해주는 수 밖에 없는 건가요?

0

이민재

output 설정은 이렇게 되어 있습니다!

0

제로초(조현영)

네트워크탭에서 ./dist로 했을 때 어디로 요청을 보내는지 봐보세요. /dist는 404 뜨는데 ./dist는 제대로 나오는 것이면 경로를 확인해봐야합니다.

기본 셋팅과 관련하여

0

109

1

초기 셋팅 back과 front만 남겨두고 다 지운 후 진행 방법

0

110

2

focus 시에만 화면 업데이트 되는 이유 + 해결방법

0

167

2

useEffect 개수 관리

0

123

2

라이브러리 서치 방법

0

118

2

함수 정의 패턴

0

81

1

npm run dev 에러

0

157

3

npx webpack 후 에러

0

188

2

'void' 형식 식의 truthiness를 테스트할 수 없습니다.ts(1345)

0

154

2

사용자 가입시 에러발생 (TypeError: Cannot read properties of null (reading 'addMembers')

1

193

2

초기세팅중 packge.json 에러떠요

0

163

2

CORS - Access-Control-Allow-Origin 누락 문제

0

440

3

로그인 페이지 무한 새로고침 현상

0

610

2

Module not found: Error: Can't resolve './App' 에러

0

971

1

배포 방법

0

307

2

npm run dev 시 빌드가 매우 느려졌습니다

0

1017

2

alias 경로 설정 오류

0

463

2

fetcher 함수의 data 값이 두번 찍히는 이유

0

284

1

제네릭 질문

0

227

2

ts-node 대신 tsx 사용여부

0

380

1

배포 관련 질문

0

249

1

[nginx + https] 서비스를 실행하면 niginx가 아닌 서비스 화면을 보여주게 하고 싶습니다.

0

396

2

[배포하기] webpack에 aws 퍼블릭 IPv4 주소 와 포트 주소를 작성하고 나서 빌드후 실행하면 오류가 발생합니다.

0

343

1

users 호출 시 쿠키가 담기지 않는 이슈 질문드립니다.

0

255

2