inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

배포 준비하기

loadable-components: failed to asynchronously load component 에러에 관한 질문입니다.

655

김용희

작성한 질문수 3

0

선생님 안녕하세요 웹팩을 배운것을 토대로 기초적인 웹을 하나 만들고 버셀로 배포하였으나 코드스플리팅을 한 후 다시 배포 하고 난 뒤 에러가 나오고 있습니다. 개발환경에서는 잘 작동 되는데 어떤 이유로 배포 환경 에서는 안되는지 아직 파악을 못하고 있습니다. 읽어 주셔서 감사합니다. 

 

//웹팩 : 웹팩 설정은 수업내용과 같은 설정입니다. 

 

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

답변 1

0

제로초(조현영)

버셀이 아니라 로컬에서 배포모드로 빌드할 때도 똑같이 dist 폴더에 669.js, 793.js 같은 것이 생기나요?

0

김용희

아! 네 선생님 npm run build를 하면 dist 폴더에 669.js, 793.js  자동으로 생기고 있습니다..!

https://stackoverflow.com/questions/69626822/loadable-components-failed-to-asynchronously-load-component

해결방법인듯 하여 시도 하였으나 실패하였습니다.
 

0

제로초(조현영)

저건 dist폴더에 669, 793.js가 없다는 에러인데요. vercel에서 배포할 때 dist 폴더 경로가 다르거나 한지로 확인해봐야할 것 같습니다. (또는 dist폴더가 공개된 것이 맞는지로나요)

0

김용희

아 선생님 소중한 답변 정말로 감사합니다 조언 해주신대로 다신 한번 시도하고 여쭈어 보겠습니다!

기본 셋팅과 관련하여

0

91

1

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

0

96

2

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

0

149

2

useEffect 개수 관리

0

109

2

라이브러리 서치 방법

0

103

2

함수 정의 패턴

0

77

1

npm run dev 에러

0

152

3

npx webpack 후 에러

0

178

2

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

0

143

2

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

1

177

2

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

0

154

2

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

0

430

3

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

0

598

2

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

0

952

1

배포 방법

0

296

2

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

0

988

2

alias 경로 설정 오류

0

448

2

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

0

275

1

제네릭 질문

0

217

2

ts-node 대신 tsx 사용여부

0

373

1

배포 관련 질문

0

247

1

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

0

385

2

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

0

336

1

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

0

247

2